debian-mirror-gitlab/app/views/projects/graphs/commits.html.haml

91 lines
2.5 KiB
Text
Raw Normal View History

2015-09-25 12:07:36 +05:30
- page_title "Commits", "Graphs"
= render "header_title"
2015-04-26 12:48:37 +05:30
= render 'head'
2015-11-26 14:37:03 +05:30
.gray-content-block.append-bottom-default
.tree-ref-holder
= render 'shared/ref_switcher', destination: 'graphs_commits'
%ul.breadcrumb.repo-breadcrumb
= commits_breadcrumbs
2015-04-26 12:48:37 +05:30
%p.lead
Commit statistics for
2015-09-11 14:41:01 +05:30
%strong #{@ref}
2015-04-26 12:48:37 +05:30
#{@commits_graph.start_date.strftime('%b %d')} - #{@commits_graph.end_date.strftime('%b %d')}
.row
.col-md-6
%ul
%li
%p.lead
%strong #{@commits_graph.commits.size}
commits during
%strong #{@commits_graph.duration}
days
%li
%p.lead
Average
%strong #{@commits_graph.commit_per_day}
commits per day
%li
%p.lead
Contributed by
%strong #{@commits_graph.authors}
authors
.col-md-6
%div
%p.slead
Commits per day of month
2015-09-25 12:07:36 +05:30
%canvas#month-chart
2015-04-26 12:48:37 +05:30
.row
.col-md-6
%div
%p.slead
Commits per day hour (UTC)
2015-09-25 12:07:36 +05:30
%canvas#hour-chart
2015-04-26 12:48:37 +05:30
.col-md-6
%div
%p.slead
Commits per weekday
2015-09-25 12:07:36 +05:30
%canvas#weekday-chart
2015-04-26 12:48:37 +05:30
2015-11-26 14:37:03 +05:30
:javascript
var responsiveChart = function (selector, data) {
var options = { "scaleOverlay": true, responsive: true, pointHitDetectionRadius: 2, maintainAspectRatio: false };
// get selector by context
var ctx = selector.get(0).getContext("2d");
// pointing parent container to make chart.js inherit its width
var container = $(selector).parent();
var generateChart = function() {
selector.attr('width', $(container).width());
return new Chart(ctx).Bar(data, options);
};
// enabling auto-resizing
$(window).resize(generateChart);
return generateChart();
};
2015-04-26 12:48:37 +05:30
2015-11-26 14:37:03 +05:30
var chartData = function (keys, values) {
var data = {
2015-09-25 12:07:36 +05:30
labels : keys,
datasets : [{
fillColor : "rgba(220,220,220,0.5)",
strokeColor : "rgba(220,220,220,1)",
barStrokeWidth: 1,
barValueSpacing: 1,
barDatasetSpacing: 1,
data : values
}]
2015-11-26 14:37:03 +05:30
};
return data;
};
2015-04-26 12:48:37 +05:30
2015-11-26 14:37:03 +05:30
var hourData = chartData(#{@commits_per_time.keys.to_json}, #{@commits_per_time.values.to_json});
responsiveChart($('#hour-chart'), hourData);
2015-09-25 12:07:36 +05:30
2015-11-26 14:37:03 +05:30
var dayData = chartData(#{@commits_per_week_days.keys.to_json}, #{@commits_per_week_days.values.to_json});
responsiveChart($('#weekday-chart'), dayData);
2015-09-25 12:07:36 +05:30
2015-11-26 14:37:03 +05:30
var monthData = chartData(#{@commits_per_month.keys.to_json}, #{@commits_per_month.values.to_json});
responsiveChart($('#month-chart'), monthData);