openstack
/
activity-board
Code Issues Proposed changes

Add StoryBoard support to dash 

- New JS library added with StoryBoard support
- New templates/ to produce StoryBoard HTML
- HTML panels updated for StoryBoard data

Change-Id: I881f20d9808da2f91b3e0434b96070a017a8ab6a
This commit is contained in:
Luis Cañas Díaz 2015-04-07 11:12:29 +02:00
parent 5dc91fcb3a
commit 4180a776aa
15 changed files with 814 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
browser/config/menu-elements.json
View File

@ -22,9 +22,13 @@
"its": [
"companies",
"contributors",
"states",
"states",
"repos"
],
"storyboard": [
"companies",
"contributors"
],
"scr": [
"companies"
],

6
browser/index.html
View File

@ -46,6 +46,11 @@
data-box-metrics="allhistory_participants,its_closers,its_openers"
data-ts-metrics="its_closed,its_closers"></div>
<div class="DSSummaryBlock" data-data-source="its_1" data-data-realname="storyboard"
data-box-labels="StoryBoard Participants,Fixers,Submitters"
data-box-metrics="allhistory_participants,its_1_closers,its_1_openers"
data-ts-metrics="its_1_closed,its_1_closers"></div>
<div class="DSSummaryBlock" data-data-source="mls"
data-box-labels="Mailing List Participants,Thread Initiators,First Repliers"
data-box-metrics="mls_senders,senders_init,senders_response"
@ -80,6 +85,7 @@
<script src="./lib/bootstrap-3.1.1.min.js"></script>
<script src="./lib/jasny-bootstrap-3.1.3.min.js"></script>
<script src="./lib/vizgrimoire.min.js"></script>
<script src="./lib/timezones.js"></script>
<!-- Piwik code will be included here-->
<!-- Piwik -->

18
browser/lib/vizgrimoire.min.js vendored
View File

File diff suppressed because one or more lines are too long

4
browser/people.html
View File

@ -48,6 +48,9 @@
<div class="PersonSummaryBlock" data-data-source="its"
data-metrics="its_closed"></div>
<div class="PersonSummaryBlock" data-data-source="its_1" data-data-realname="storyboard"
data-metrics="its_1_closed"></div>
<div class="PersonSummaryBlock" data-data-source="mls"
data-metrics="mls_sent"></div>
@ -76,6 +79,7 @@
<script src="./lib/bootstrap-3.1.1.min.js"></script>
<script src="./lib/jasny-bootstrap-3.1.3.min.js"></script>
<script src="./lib/vizgrimoire.min.js"></script>
<script src="./lib/timezones.js"></script>
<!-- Piwik code will be included here-->
<!-- Piwik -->

117
browser/storyboard-companies.html Normal file
View File

@ -0,0 +1,117 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Bitergia" >
<link rel="shortcut icon" href="../../assets/ico/favicon.png">
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link href="./css/jasny-bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/custom.css" rel="stylesheet">
<!-- icons -->
<link rel="stylesheet" href="./css/awesome/css/font-awesome.min.css">
<!-- custom -->
<!-- <link rel="stylesheet" href="VizGrimoireJS/custom.css">-->
<link rel="stylesheet" type="text/css" id="theme" href="./css/vizgrimoire.css">
</head>
<body>
<div id="Navbar"></div>
<div class="container-fluid">
<div class="row"><span class="SectionBreadcrumb col-md-12"></span></div>
<!-- Section HTML will be placed here, do not modify manually -->
<!-- REPLACE SECTION HTML -->
<!-- info text -->
<div class="well">
<div class="row">
<div class="col-md-6">
<p>Some charts and tables for top companies in the project, and a summary of the evolution of their participation with links to more detailed information per company</p>
</div>
<div class="col-md-6">
<!-- evolution #companies -->
<div class="MetricsEvol" data-data-source="its_1"
data-metrics="its_1_companies" data-legend="false"
data-title="Active companies per month" data-help="false"
data-light-style="true" style="height: 80px;"></div>
</div>
</div>
<div class="row">
<div class="col-md-12 FilterItemsNav">
<div class="FilterItemsNav center-block" data-data-source="its_1"
data-order-by="its_1_closed" data-filter="companies"></div>
</div>
</div>
<!-- bar charts: commits, authors company -->
<div class="row">
<!-- commits -->
<div class="col-md-1"></div>
<div class="col-md-4">
<div class="FilterItemsGlobal" data-data-source="its_1"
data-metric="its_1_closed" data-filter="companies"
data-legend-div="barchart_legend" data-limit="10"
data-order-by="its_1_closed"
data-title="Issues closed per company"></div>
</div>
<!-- end commits -->
<div class="col-md-2" id="barchart_legend"
style="text-align:left;font-size: 1.2em;padding-top:10px;padding-left:20px;"></div>
<!-- authors -->
<div class="col-md-4">
<div class="FilterItemsGlobal" data-data-source="its_1"
data-metric="its_1_closers" data-filter="companies"
data-legend="false" data-limit="10" data-order-by="its_1_closed"
data-title="People closing issues per company"></div>
</div>
<!-- end authors -->
<div class="col-md-1"></div>
</div>
<!-- end of bar charts: commits, authors company -->
<!-- commits per company -->
<div id="list" class="row">
<div class="FilterItemsMiniCharts" data-data-source="its_1"
data-metrics="its_1_closed,its_1_closers" data-filter="companies"
data-order-by="its_1_closed"></div>
</div>
<div class="row"><div class="col-md-12">
<div class="FilterItemsNav" data-data-source="its_1"
data-order-by="its_1_closed" data-filter="companies"></div>
</div>
</div>
</div>
<!-- end commits per company -->
<!-- END SECTION HTML-->
<footer>
<div id="Footer"></div>
</footer>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./lib/jquery-1.11.1.min.js"></script>
<script src="./lib/bootstrap-3.1.1.min.js"></script>
<script src="./lib/jasny-bootstrap-3.1.3.min.js"></script>
<script src="./lib/vizgrimoire.min.js"></script>
<!-- Piwik code will be included here-->
<!-- Piwik -->
<!-- End Piwik Code -->
<!-- End of Piwik code -->
</body>
</html>

80
browser/storyboard-contributors.html Normal file
View File

@ -0,0 +1,80 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Bitergia" >
<link rel="shortcut icon" href="../../assets/ico/favicon.png">
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link href="./css/jasny-bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/custom.css" rel="stylesheet">
<!-- icons -->
<link rel="stylesheet" href="./css/awesome/css/font-awesome.min.css">
<!-- custom -->
<!-- <link rel="stylesheet" href="VizGrimoireJS/custom.css">-->
<link rel="stylesheet" type="text/css" id="theme" href="./css/vizgrimoire.css">
</head>
<body>
<div id="Navbar"></div>
<div class="container-fluid">
<div class="row"><span class="SectionBreadcrumb col-md-12"></span></div>
<!-- Section HTML will be placed here, do not modify manually -->
<!-- REPLACE SECTION HTML -->
<div class="repository-selector" data-data-source="its_1"></div>
<!-- commits, authors, stats, top authors -->
<div class="row">
<div class="col-md-12">
<div class="well">
<div class="MetricsEvol" data-data-source="its_1" data-metrics="its_1_closers"
data-min="true" style="height:120px;"></div>
<div class="MicrodashText" data-metric="its_1_closers"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="well">
<div class="TopByPeriod" data-data-source="its_1" data-metric="closers"
data-limit="100">
</div>
</div>
</div>
</div>
<!-- end files, lines -->
<!-- END SECTION HTML-->
<footer>
<div id="Footer"></div>
</footer>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./lib/jquery-1.11.1.min.js"></script>
<script src="./lib/bootstrap-3.1.1.min.js"></script>
<script src="./lib/jasny-bootstrap-3.1.3.min.js"></script>
<script src="./lib/vizgrimoire.min.js"></script>
<script src="./lib/timezones.js"></script>
<!-- Piwik code will be included here-->
<!-- Piwik -->
<!-- End Piwik Code -->
<!-- End of Piwik code -->
</body>
</html>

182
browser/storyboard.html Normal file
View File

@ -0,0 +1,182 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Bitergia" >
<link rel="shortcut icon" href="../../assets/ico/favicon.png">
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link href="./css/jasny-bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/custom.css" rel="stylesheet">
<!-- icons -->
<link rel="stylesheet" href="./css/awesome/css/font-awesome.min.css">
<!-- custom -->
<!-- <link rel="stylesheet" href="VizGrimoireJS/custom.css">-->
<link rel="stylesheet" type="text/css" id="theme" href="./css/vizgrimoire.css">
</head>
<body>
<div id="Navbar"></div>
<div class="container-fluid">
<div class="row"><span class="SectionBreadcrumb col-md-12"></span></div>
<!-- Section HTML will be placed here, do not modify manually -->
<!-- REPLACE SECTION HTML -->
<div class="row">
<!-- left column -->
<div class="col-md-6">
<div class="row">
<div class="col-md-12">
<div class="well">
<div class="MetricsEvol" data-data-source="its_1"
data-metrics="its_1_stories_closed,its_1_stories_opened" data-min="true"
style="height: 160px;" data-legend="true"></div>
<div class="MicrodashText" data-metric="its_1_stories_closed" data-name="true"></div>
<div class="MicrodashText" data-metric="its_1_stories_opened" data-name="true"></div>
</div>
</div>
</div>
<!-- tickets -->
<div class="row">
<div class="col-md-12">
<div class="well">
<div class="MetricsEvol" data-data-source="its_1"
data-metrics="its_1_closed,its_1_opened" data-min="true"
style="height: 160px;" data-legend="true"></div>
<div class="MicrodashText" data-metric="its_1_closed" data-name="true"></div>
</div>
</div>
</div>
<!-- end tickets -->
<!-- closers -->
<div class="row">
<div class="col-md-12">
<div class="well">
<div class="MetricsEvol" data-data-source="its_1"
data-metrics="its_1_closers" data-min="true"
style="height: 120px;" data-title="People closing tickets"></div>
<div class="MicrodashText" data-metric="its_1_closers"></div>
</div>
</div>
</div>
<!-- end closers -->
<!-- openers -->
<div class="row">
<div class="col-md-12">
<div class="well">
<div class="MetricsEvol" data-data-source="its_1"
data-metrics="its_1_openers" data-min="true"
style="height: 120px;" data-title="People submitting tickets"></div>
<div class="MicrodashText" data-metric="its_1_openers"></div>
</div>
</div>
</div>
<!-- end closers & changers -->
<!--<div class="row">
<div class="col-md-12">
<div class="well">
Time to fix in hours (quantiles)
<div class="TimeTo" data-data-source="its" data-type="fix"
data-quantil="X0.99,X0.95,X0.5,X0.25"></div>
</div>
</div>
</div>-->
</div>
<!-- end left column-->
<!-- right column -->
<div class="col-md-6">
<!-- stats -->
<div class="panel panel-default">
<div class="panel-body">
<div class="row"><div class="col-md-12">
<p class="section-title"><i class="fa fa-ticket"></i> Issue tracking system</p>
</div></div>
<div class="row">
<div class="col-md-12">
<table class="table">
<tr>
<td><span class="GlobalData" data-data-source="its_1"
data-field="trackers"></span></td>
<td>
<div class="SmartLinks" data-target="storyboard-repos.html" data-label="trackers"></div>
</td>
<td><span class="GlobalData" data-data-source="its_1"
data-field="its_1_companies"></span></td>
<td>
<div class="SmartLinks" data-target="storyboard-companies.html" data-label="companies"></div>
</td>
</tr>
<tr>
<td><span class="GlobalData" data-data-source="its_1"
data-field="its_1_openers"></span></td>
<td>people submitting tickets</td>
<td><span class="GlobalData" data-data-source="its_1"
data-field="its_1_closers"></span></td>
<td>people closing tickets</td>
</tr>
<tr>
<td><span class="GlobalData" data-data-source="its_1"
data-field="its_1_openers_7"></span></td>
<td>people submitting tickets last week</td>
<td><span class="GlobalData" data-data-source="its_1"
data-field="its_1_closers_7"></span></td>
<td>people closing tickets last week</td>
</tr>
</table>
</div>
</div>
</div>
<!-- end stats -->
<!-- top closers -->
<div class="panel-body">
<div class="Top" data-data-source="its_1" data-period_all="true"
data-metric="closers" data-limit="10"
data-people_links="true"></div>
</div>
<!-- end closers-->
</div>
</div>
<!-- end right column -->
</div>
<!-- END SECTION HTML-->
<footer>
<div id="Footer"></div>
</footer>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./lib/jquery-1.11.1.min.js"></script>
<script src="./lib/bootstrap-3.1.1.min.js"></script>
<script src="./lib/jasny-bootstrap-3.1.3.min.js"></script>
<script src="./lib/vizgrimoire.min.js"></script>
<script src="./lib/timezones.js"></script>
<!-- Piwik code will be included here-->
<!-- End of Piwik code -->
</body>
</html>

5
templates/common/overview.tmpl
View File

@ -15,6 +15,11 @@
data-box-metrics="allhistory_participants,its_closers,its_openers"
data-ts-metrics="its_closed,its_closers"></div>
<div class="DSSummaryBlock" data-data-source="its_1" data-data-realname="storyboard"
data-box-labels="StoryBoard Participants,Fixers,Submitters"
data-box-metrics="allhistory_participants,its_1_closers,its_1_openers"
data-ts-metrics="its_1_closed,its_1_closers"></div>
<div class="DSSummaryBlock" data-data-source="mls"
data-box-labels="Mailing List Participants,Thread Initiators,First Repliers"
data-box-metrics="mls_senders,senders_init,senders_response"

3
templates/common/people.tmpl
View File

@ -17,6 +17,9 @@
<div class="PersonSummaryBlock" data-data-source="its"
data-metrics="its_closed"></div>
<div class="PersonSummaryBlock" data-data-source="its_1" data-data-realname="storyboard"
data-metrics="its_1_closed"></div>
<div class="PersonSummaryBlock" data-data-source="mls"
data-metrics="mls_sent"></div>

16
templates/gen.sh
View File

@ -18,18 +18,18 @@ cp common/navbar.tmpl ../browser/navbar.html
# its
python apply_template.py --template body.template --content its/overview.tmpl > ../browser/its.html
#python apply_template.py --template body.template --content its/companies.tmpl > ../browser/its-companies.html
python build_panel.py --template body.template --content common/list-of-filters.tmpl --conf conf/main.conf --panel its-companies > ../browser/its-companies.html
python apply_template.py --template body.template --content its/contributors.tmpl > ../browser/its-contributors.html
#python apply_template.py --template body.template --content its/countries.tmpl > ../browser/its-countries.html
#python build_panel.py --template body.template --content common/list-of-filters.tmpl --conf conf/main.conf --panel its-countries > ../browser/its-countries.html
#python apply_template.py --template body.template --content its/domains.tmpl > ../browser/its-domains.html
#python build_panel.py --template body.template --content common/list-of-filters.tmpl --conf conf/main.conf --panel its-domains > ../browser/its-domains.html
#python apply_template.py --template body.template --content its/projects.tmpl > ../browser/its-projects.html
#python apply_template.py --template body.template --content its/repos.tmpl > ../browser/its-repos.html
python build_panel.py --template body.template --content common/list-of-filters.tmpl --conf conf/main.conf --panel its-repos > ../browser/its-repos.html
python apply_template.py --template body.template --content its/states.tmpl > ../browser/its-states.html
#python apply_template.py --template body.template --content its/states-jira.tmpl > ../browser/its-states-jira.html
# its_1
python apply_template.py --template body.template --content storyboard/overview.tmpl > ../browser/storyboard.html
python build_panel.py --template body.template --content common/list-of-filters.tmpl --conf conf/main.conf --panel its_1-companies > ../browser/storyboard-companies.html
python apply_template.py --template body.template --content storyboard/contributors.tmpl > ../browser/storyboard-contributors.html
python build_panel.py --template body.template --content common/list-of-filters.tmpl --conf conf/main.conf --panel its_1-repos > ../browser/storyboard-repos.html
#python apply_template.py --template body.template --content storyboard/states.tmpl > ../browser/storyboard-states.html
# irc
python apply_template.py --template body.template --content irc/overview.tmpl > ../browser/irc.html

24
templates/storyboard/contributors.tmpl Normal file
View File

@ -0,0 +1,24 @@
<div class="repository-selector" data-data-source="its_1"></div>
<!-- commits, authors, stats, top authors -->
<div class="row">
<div class="col-md-12">
<div class="well">
<div class="MetricsEvol" data-data-source="its_1" data-metrics="its_1_closers"
data-min="true" style="height:120px;"></div>
<div class="MicrodashText" data-metric="its_1_closers"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="well">
<div class="TopByPeriod" data-data-source="its_1" data-metric="closers"
data-limit="100">
</div>
</div>
</div>
</div>
<!-- end files, lines -->

129
templates/storyboard/overview.tmpl Normal file
View File

@ -0,0 +1,129 @@
<div class="row">
<!-- left column -->
<div class="col-md-6">
<div class="row">
<div class="col-md-12">
<div class="well">
<div class="MetricsEvol" data-data-source="its_1"
data-metrics="its_1_stories_closed,its_1_stories_opened" data-min="true"
style="height: 160px;" data-legend="true"></div>
<div class="MicrodashText" data-metric="its_1_stories_closed" data-name="true"></div>
<div class="MicrodashText" data-metric="its_1_stories_opened" data-name="true"></div>
</div>
</div>
</div>
<!-- tickets -->
<div class="row">
<div class="col-md-12">
<div class="well">
<div class="MetricsEvol" data-data-source="its_1"
data-metrics="its_1_closed,its_1_opened" data-min="true"
style="height: 160px;" data-legend="true"></div>
<div class="MicrodashText" data-metric="its_1_closed" data-name="true"></div>
</div>
</div>
</div>
<!-- end tickets -->
<!-- closers -->
<div class="row">
<div class="col-md-12">
<div class="well">
<div class="MetricsEvol" data-data-source="its_1"
data-metrics="its_1_closers" data-min="true"
style="height: 120px;" data-title="People closing tickets"></div>
<div class="MicrodashText" data-metric="its_1_closers"></div>
</div>
</div>
</div>
<!-- end closers -->
<!-- openers -->
<div class="row">
<div class="col-md-12">
<div class="well">
<div class="MetricsEvol" data-data-source="its_1"
data-metrics="its_1_openers" data-min="true"
style="height: 120px;" data-title="People submitting tickets"></div>
<div class="MicrodashText" data-metric="its_1_openers"></div>
</div>
</div>
</div>
<!-- end closers & changers -->
<!--<div class="row">
<div class="col-md-12">
<div class="well">
Time to fix in hours (quantiles)
<div class="TimeTo" data-data-source="its" data-type="fix"
data-quantil="X0.99,X0.95,X0.5,X0.25"></div>
</div>
</div>
</div>-->
</div>
<!-- end left column-->
<!-- right column -->
<div class="col-md-6">
<!-- stats -->
<div class="panel panel-default">
<div class="panel-body">
<div class="row"><div class="col-md-12">
<p class="section-title"><i class="fa fa-ticket"></i> Issue tracking system</p>
</div></div>
<div class="row">
<div class="col-md-12">
<table class="table">
<tr>
<td><span class="GlobalData" data-data-source="its_1"
data-field="trackers"></span></td>
<td>
<div class="SmartLinks" data-target="storyboard-repos.html" data-label="trackers"></div>
</td>
<td><span class="GlobalData" data-data-source="its_1"
data-field="its_1_companies"></span></td>
<td>
<div class="SmartLinks" data-target="storyboard-companies.html" data-label="companies"></div>
</td>
</tr>
<tr>
<td><span class="GlobalData" data-data-source="its_1"
data-field="its_1_openers"></span></td>
<td>people submitting tickets</td>
<td><span class="GlobalData" data-data-source="its_1"
data-field="its_1_closers"></span></td>
<td>people closing tickets</td>
</tr>
<tr>
<td><span class="GlobalData" data-data-source="its_1"
data-field="its_1_openers_7"></span></td>
<td>people submitting tickets last week</td>
<td><span class="GlobalData" data-data-source="its_1"
data-field="its_1_closers_7"></span></td>
<td>people closing tickets last week</td>
</tr>
</table>
</div>
</div>
</div>
<!-- end stats -->
<!-- top closers -->
<div class="panel-body">
<div class="Top" data-data-source="its_1" data-period_all="true"
data-metric="closers" data-limit="10"
data-people_links="true"></div>
</div>
<!-- end closers-->
</div>
</div>
<!-- end right column -->
</div>

69
templates/storyboard/projects.tmpl Normal file
View File

@ -0,0 +1,69 @@
<div class="row">
<h4>Information about all projects</h4>
</div>
<!-- info text -->
<div id="info" class="row">
<div class="col-md-5">Some charts and tables for top projects in
the project, and a summary of the evolution of their participation with
links to more detailed information per project.</div>
<div class="col-md-7">
<!-- evolution #projects -->
<i> <b>Active Projects per month</b>
</i>
<div class="MetricsEvol" data-data-source="its"
data-metrics="its_projects" data-legend="false"
style="height: 80px;"></div>
</div>
</div>
<!-- end info text -->
<!-- list of projects -->
<div id="nav" class="row">
<div class="FilterItemsNav" data-data-source="its"
data-order-by="its_closed" data-filter="projects" style="align: center"></div>
</div>
<!-- end list of projects -->
<!-- submitted, merged project -->
<div class="well">
<div id="summary-static" class="row">
<!-- submitted -->
<div class="col-md-1"></div>
<div class="col-md-4">
<i> <b>Submitted per project (aggregated)</b>
</i>
<div class="FilterItemsGlobal" data-data-source="its"
data-metric="its_closed" data-filter="projects"
data-legend-div="projects_legend" data-limit="10"
data-order-by="its_closed"></div>
</div>
<!-- end submitted -->
<div class="col-md-2" id="projects_legend"></div>
<!-- merged -->
<div class="col-md-4">
<i> <b>Senders per project (aggregated)</b>
</i>
<div class="FilterItemsGlobal" data-data-source="its"
data-metric="its_closers" data-filter="projects" data-legend="false"
data-limit="10" data-order-by="its_closed"></div>
</div>
<!-- end merged -->
<div class="col-md-1"></div>
</div>
</div>
<!-- end submitted, merged project -->
<div id="summary-static" class="row"></div>
<!-- submitted per project -->
<div id="list" class="row">
<div class="FilterItemsMiniCharts" data-data-source="its"
data-metrics="its_closed,its_closers"
data-filter="projects"></div>
</div>
<!-- end submitted per project -->

107
templates/storyboard/states-jira.tmpl Normal file
View File

@ -0,0 +1,107 @@
<div class="well">
<div class="row">
<div class="col-md-3">
<p><i><b>Evolution of States</b> charts show the evolution of
the states in the analysis of the issue tracking system.
</i></p>
<p><i>Each chart represents the number of issues in such state
in each period of time.</i></P>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-6">
<div class="MetricsEvol" data-data-source="its" data-metrics="Open"
data-min="false" help="false" data-custom-title="<strong>Open</strong>" style="height:120px;"></div>
</div>
<div class="col-md-6">
<div class="MetricsEvol" data-data-source="its" data-metrics="In Progress"
data-min="false" help="false" data-custom-title="<strong>In Progress</strong>" style="height:120px;"></div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="MetricsEvol" data-data-source="its" data-metrics="Resolved"
data-min="false" data-custom-title="<strong>Resolved</strong>" help="false" style="height:120px;"></div>
</div>
<div class="col-md-6">
<div class="MetricsEvol" data-data-source="its" data-metrics="Closed"
data-min="false" data-custom-title="<strong>Closed</strong>" help="false" style="height:120px;"></div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="MetricsEvol" data-data-source="its" data-metrics="Reviewable"
data-min="false" data-custom-title="<strong>Reviewable</strong>" help="false" style="height:120px;"></div>
</div>
<div class="col-md-6">
<div class="MetricsEvol" data-data-source="its" data-metrics="Ready To Review"
data-min="false" data-custom-title="<strong>Ready To Review</strong>" help="false" style="height:120px;"></div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="MetricsEvol" data-data-source="its" data-metrics="Reopened"
data-min="false" data-custom-title="<strong>Reopened</strong>" help="false" style="height:120px;"></div>
</div>
<div class="col-md-6"></div>
</div>
</div>
</div>
</div>
<div class="well">
<div class="row">
<div class="col-md-3">
<p><i><b>Current Status</b> charts show the current 'photo' of each of the states.
</i></p>
<p><i>For each of the states shown, it is specified when the issue was born.</i></P>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-6">
<div class="MetricsEvol" data-data-source="its" data-metrics="current_Open"
data-min="false" help="false" data-custom-title="<strong>Current status 'Open'</strong>" style="height:120px;"></div>
</div>
<div class="col-md-6">
<div class="MetricsEvol" data-data-source="its" data-metrics="current_In Progress"
data-min="false" help="false" data-custom-title="<strong>Current status 'In Progress'</strong>" style="height:120px;"></div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="MetricsEvol" data-data-source="its" data-metrics="current_Resolved"
data-min="false" data-custom-title="<strong>Current status 'Resolved'</strong>" help="false" style="height:120px;"></div>
</div>
<div class="col-md-6">
<div class="MetricsEvol" data-data-source="its" data-metrics="current_Closed"
data-min="false" data-custom-title="<strong>Current status 'Closed'</strong>" help="false" style="height:120px;"></div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="MetricsEvol" data-data-source="its" data-metrics="current_Reviewable"
data-min="false" data-custom-title="<strong>Current status 'Reviewable'</strong>" help="false" style="height:120px;"></div>
</div>
<div class="col-md-6">
<div class="MetricsEvol" data-data-source="its" data-metrics="current_Reopened"
data-min="false" data-custom-title="<strong>Current status 'Reopened'</strong>" help="false" style="height:120px;"></div>
</div>
</div>
</div>
</div>
</div>
<div class="well">
<div class="row">
<div class="col-md-3">
<p><i><b>The most likely changes</b> tables show the percentages of changes among states.
</i></p>
</div>
<div class="col-md-9">
<div class="MarkovTable" data-data-source="its" data-title="Transitions among statuses"></div>
</div>
</div>

66
templates/storyboard/states.tmpl Normal file
View File

@ -0,0 +1,66 @@
<div class="well">
<div class="row">
<div class="col-md-12">
<p><i><b>Evolution of States</b> charts show the evolution of
the states in the analysis of the issue tracking system.
</i></p>
<p><i>Each chart represents the number of issues in such state
in each period of time.</i></P>
</div>
</div>
<!--<div class="row">
<div class="col-md-12">-->
<div class="row">
<div class="col-md-4">
<div class="MetricsEvol" data-data-source="its_1" data-metrics="stories_closed"
data-min="true" style="height:120px;"></div>
</div>
<div class="col-md-4">
<div class="MetricsEvol" data-data-source="its_1" data-metrics="stories_opened"
data-min="true" style="height:120px;"></div>
</div>
<div class="col-md-4">
<div class="MetricsEvol" data-data-source="its_1" data-metrics="stories_pending"
data-min="true" style="height:120px;"></div>
</div>
</div>
</div>
<div class="well">
<div class="row">
<div class="col-md-12">
<p><i><b>Current Status</b> charts show the current 'photo' of each of the states.
</i></p>
<p><i>For each of the states shown, it is specified when the issue was born.</i></P>
</div>
</div>
<!-- -->
<div class="row">
<div class="col-md-4">
<div class="MetricsEvol" data-data-source="its" data-graph="bars" data-metrics="stories_closed"
data-min="true" style="height:120px;"></div>
</div>
<div class="col-md-4">
<div class="MetricsEvol" data-data-source="its" data-graph="bars" data-metrics="stories_opened"
data-min="true" style="height:120px;"></div>
</div>
<div class="col-md-4">
<div class="MetricsEvol" data-data-source="its" data-graph="bars" data-metrics="stories_pending"
data-min="true" style="height:120px;"></div>
</div>
</div>
</div>
<div class="well">
<div class="row">
<div class="col-md-3">
<p><i><b>The most likely changes</b> tables show the percentages of changes among states.
</i></p>
</div>
<div class="col-md-9">
<div class="MarkovTable" data-data-source="its" data-title="Transitions among statuses"></div>
</div>
</div>
</div>