gitstats-rb 2.0.0

data/template/highcharts/partials/activity_per_weekday_and_hour.haml

@@ -0,0 +1,20 @@
+- data = []
+- stats.wday_stats.each do |day,c|
+  - data.concat(c.map { |h,commit| [h,(day + 6) % 7,commit.commits] })
+- block(:activity_per_weekday_and_hour) do
+  #chart_activity_per_weekday_and_hour{:style => "height: 500px"}
+
+  %script
+    var chart_activity_per_weekday_and_hour           = new Object();
+    chart_activity_per_weekday_and_hour.label         = '#{label(:activity_per_weekday_and_hour)}';
+    chart_activity_per_weekday_and_hour.target        = '#chart_activity_per_weekday_and_hour';
+    chart_activity_per_weekday_and_hour.label_x       = 'Hour';
+    chart_activity_per_weekday_and_hour.label_y       = 'Day';
+    chart_activity_per_weekday_and_hour.categories_x  = #{(0..23).map{ |v| v.to_s }};
+    chart_activity_per_weekday_and_hour.categories_y  = #{(0..6).map{ |v| weekday(v) }};
+    chart_activity_per_weekday_and_hour.series_name   = 'Commits';
+    chart_activity_per_weekday_and_hour.series_data   = #{data};
+
+    $(document).ready(function() {
+    createHeatMap(chart_activity_per_weekday_and_hour);
+    });

data/template/highcharts/partials/blocktoc.haml

@@ -0,0 +1,4 @@
+%ul.nav.sidbar-nav
+  - blocks.each do |name|
+    %li
+      %a{:href => "#block-#{name.to_s}"}= label(name)

data/template/highcharts/partials/commits_per_author.haml

@@ -0,0 +1,64 @@
+- graphData = stats.author_stats.map{ |name,c| [name.to_s, c.commits, c.lines_added, c.lines_deleted] }.sort{ |a, b| b[1] <=> a[1] }
+- tableData = stats.author_stats.sort{ |a, b| a[1].commits <=> b[1].commits }.reverse
+
+-# truncate the number of authors in the table
+- truncatedTable = true if tableData.length > maxAuthorsInTable
+- tableData = tableData[0..maxAuthorsInTable-1] if truncatedTable
+
+-# truncate the number of authors in the graph
+- truncatedGraph = true if graphData.length > maxAuthorsInGraph
+- graphData = graphData[0..maxAuthorsInGraph-1] if truncatedGraph
+
+- block(:commits_per_author,12) do
+  #chart_commits_per_author{:style => "height: 500px"}
+  - if truncatedGraph
+    .alert.alert-danger Too many authors. Data of the graph has been truncated!
+
+  %div.panel.panel-default
+    %div.panel-heading{"data-toggle" => "collapse", "data-target" => "#author_table_box"} Table
+    %div.panel-body.collapse#author_table_box
+      %table.table.table-striped.table-hover#author_table
+        %thead
+          %tr
+            %th Author
+            %th Commits
+            %th Percent
+            %th Files added
+            %th Files deleted
+            %th Lines added
+            %th Lines deleted
+            %th First commit
+            %th Last commit
+        %tbody
+          - tableData.each do |author, commits|
+            %tr
+              %td&= author
+              %td&= commits.commits
+              %td&= '%.2f%%' % (commits.commits * 100.0 / stats.num_commits.to_f)
+              %td&= commits.files_added
+              %td&= commits.files_deleted
+              %td&= commits.lines_added
+              %td&= commits.lines_deleted
+              %td&= commits.first_commit.strftime('%Y-%m-%d')
+              %td&= commits.last_commit.strftime('%Y-%m-%d')
+      - if truncatedGraph
+        .alert.alert-danger Too many authors. Data of the table has been truncated!
+
+  %script
+    var chart_commits_per_author          = new Object();
+    chart_commits_per_author.label        = '#{label(:commits_per_author)}';
+    chart_commits_per_author.label_y_axis = "Number of commits";
+    chart_commits_per_author.label_y2_axis = "Changed lines";
+    chart_commits_per_author.target       = '#chart_commits_per_author';
+    chart_commits_per_author.categories   = #{graphData.map{ |v| v[0] }};
+    chart_commits_per_author.series       = [{"name":"Commits","yAxis": 0,"stack":"commits","data":#{graphData.map{ |v| v[1] }}},{"name":"Added lines","color": "#6CC644","stack":"changes","yAxis": 1,"data":#{graphData.map{ |v| v[2] }}},{"name":"Deleted lines","color": "#BD2C00","stack":"changes","yAxis": 1,"data":#{graphData.map{ |v| v[3] }}}];
+  
+    $("#author_table_box").one('show.bs.collapse', function () {
+    $('#author_table').DataTable({
+    "order": [[ 1, "desc" ]]
+    });
+    });
+
+    $(document).ready(function() {
+    createColumnChart(chart_commits_per_author);
+    });

data/template/highcharts/partials/commits_per_author_detailed.haml

@@ -0,0 +1,92 @@
+- authors = stats.author_stats.to_a.sort{ |a, b| b[1].commits <=> a[1].commits }
+- fc = stats.general_stats.first_commit
+- lc = stats.general_stats.last_commit
+
+-# truncate the number of authors
+- truncatedAuthors = true if authors.length > maxAuthorDetails
+- authors = authors[0..maxAuthorDetails-1] if truncatedAuthors
+
+- block(:commits_per_author_detailed,12) do
+  - authors.each_with_index do |v,i|
+    - daysTable = v[1].daystats.map{|d,s| [d, "Date.UTC(#{d.year},#{d.mon-1},#{d.mday})", s.commits, s.lines_added, s.lines_deleted, s.files_added, s.files_deleted]}.sort{|a,b| a[0] <=> b[0]}
+    - daysGraph = daysTable
+
+    -# truncate the number of days per authors in graph
+    - truncatedGraph = true if daysGraph.length > maxDaysPerAuthorInGraph
+    - daysGraph = daysGraph[-maxDaysPerAuthorInGraph..-1] if truncatedGraph
+
+    -# truncate the number of days per authors in table
+    - truncatedTable = true if daysTable.length > maxDaysPerAuthorInTable
+    - daysTable = daysTable[-maxDaysPerAuthorInTable..-1] if truncatedTable
+
+    - commits_str = "[#{daysGraph.map{|v| "[#{v[1]}, #{v[2]}]"}.join(", ")}]"
+    - added_lines_str   = "[#{daysGraph.map{|v| "[#{v[1]}, #{v[3]}]"}.join(", ")}]"
+    - deleted_lines_str = "[#{daysGraph.map{|v| "[#{v[1]}, #{v[4]}]"}.join(", ")}]"
+
+    %div.thumbnail.col-md-6
+      %h4
+        #{v[0].name}
+        %br
+        %small= v[0].email 
+      %h5= v[1].commits
+      %div.panel.panel-default
+        %div.panel-heading{"data-toggle" => "collapse", "data-target" => "#activity_per_author_#{i}"}= label(:activity_per_day)
+        %div.panel-body.col-md-12{:class => (i > expandedAuthors-1 ? "collapse" : "collapse in" ), :id => "activity_per_author_#{i}"}
+          %div{:id => "chart_commits_per_author_#{i}", :style => "height: 300px; width: 95%"}
+
+          - if truncatedGraph
+            .alert.alert-danger Too many active days. Data of the graph has been truncated!
+
+          %div.panel.panel-default
+            %div.panel-heading{"data-toggle" => "collapse", "data-target" => "#commits_per_author_#{i}_box"} Table
+            %div.panel-body.collapse{:id => "commits_per_author_#{i}_box"}
+              %table.table.table-striped.table-hover{:id => "commits_per_author_#{i}_table"}
+                %thead
+                  %tr
+                    %th Date
+                    %th Commits
+                    %th Files added
+                    %th Files deleted
+                    %th Lines added
+                    %th Lines deleted
+                %tbody
+                  - daysTable.each do |date, dateJs, commits, lines_added, lines_deleted, files_added, files_deleted|
+                    %tr
+                      %td&= date
+                      %td&= commits
+                      %td&= files_added
+                      %td&= files_deleted
+                      %td&= lines_added
+                      %td&= lines_deleted
+              - if truncatedTable
+                .alert.alert-danger Too many active days. Data of the table has been truncated!
+
+      %script
+        var chart_commits_per_author_#{i}           = new Object();
+        chart_commits_per_author_#{i}.x_min         = Date.UTC(#{fc.year},#{fc.mon-1},#{fc.mday})
+        chart_commits_per_author_#{i}.x_max         = Date.UTC(#{lc.year},#{lc.mon-1},#{lc.mday})
+        chart_commits_per_author_#{i}.label         = '#{label(:commits_per_author_detailed)}';
+        chart_commits_per_author_#{i}.label_y_axis  = "Number of commits";
+        chart_commits_per_author_#{i}.label_y2_axis = "Changed lines";
+        chart_commits_per_author_#{i}.target        = '#chart_commits_per_author_#{i}';
+        chart_commits_per_author_#{i}.series        = [{"name":"Commits","yAxis": 0,"data":#{commits_str}},{"name":"Added lines","color": "#6CC644","yAxis": 1,"data":#{added_lines_str}},{"name":"Deleted lines","color": "#BD2C00","yAxis": 1,"data":#{deleted_lines_str}}];
+        chart_commits_per_author_#{i}.legend        = {};
+
+        $("#commits_per_author_#{i}_box").one('show.bs.collapse', function () {
+        $("#commits_per_author_#{i}_table").DataTable({
+        "order": [[ 0, "asc" ]]
+        });
+        });
+
+        - if i > expandedAuthors-1
+          $("#activity_per_author_#{i}").one('shown.bs.collapse', function () {
+          createDateAreaChart(chart_commits_per_author_#{i});
+          });
+        - else
+          $(document).ready(function() {
+          createDateAreaChart(chart_commits_per_author_#{i});
+          });
+
+  - if truncatedAuthors
+    .row
+      .col-md-12.alert.alert-danger Too many authors. Listing has been truncated!

data/template/highcharts/partials/general.haml

@@ -0,0 +1,33 @@
+- commits = stats.general_stats.commits
+- age = ((stats.general_stats.last_commit - stats.general_stats.first_commit + 86399) / 86400).to_i + 1
+- active = stats.general_stats.days
+- block(:general,12) do
+  %table.table
+    %tbody
+      %tr
+        %th Generation time
+        %td&= Time.now.to_s
+      %tr
+        %th Authors
+        %td= '%d (average %.1f commits per author)' % [stats.num_authors, commits / stats.num_authors]
+      %tr
+        %th Commits
+        %td= '%d (average %.1f commits per active day, %.1f per all days)' % [commits, commits / active, commits / age]
+      %tr
+        %th Files
+        %td= '%d (%d added, %d deleted)' % [stats.general_stats.files, stats.general_stats.files_added, stats.general_stats.files_deleted]
+      %tr
+        %th Lines
+        %td= '%d (%d added, %d deleted)' % [stats.general_stats.lines, stats.general_stats.lines_added, stats.general_stats.lines_deleted]
+      %tr
+        %th Size
+        %td= '%d bytes' % stats.file_stats.size
+      %tr
+        %th First commit
+        %td= stats.general_stats.first_commit.to_s
+      %tr
+        %th Last commit
+        %td= stats.general_stats.last_commit.to_s
+      %tr
+        %th Age
+        %td= '%d / %d active days (%.2f%%)' % [active, age, active * 100.0 / age.to_f]

data/template/highcharts/partials/globalstats.haml

@@ -0,0 +1,41 @@
+- commits = stats.general_stats.commits
+- age = ((stats.general_stats.last_commit - stats.general_stats.first_commit + 86399) / 86400).to_i + 1
+- active = stats.general_stats.days
+- block(:globalstats,12) do
+  %ul.thumbnails
+    %li.span4
+      %div.thumbnail
+        %div.title Total commits
+        %div.value= commits
+    %li.span4
+      %div.thumbnail
+        %div.title Total contributors
+        %div.value= stats.num_authors
+    %li.span4
+      %div.thumbnail
+        %div.title First commit date
+        %div.value= stats.general_stats.first_commit.strftime("%F")
+    %li.span4
+      %div.thumbnail
+        %div.title Latest commit date
+        %div.value= stats.general_stats.last_commit.strftime("%F")
+    %li.span4
+      %div.thumbnail
+        %div.title Total days
+        %div.value= age
+    %li.span4
+      %div.thumbnail
+        %div.title Active days
+        %div.value= active
+    %li.span4
+      %div.thumbnail
+        %div.title Average commits per day
+        %div.value= "%.2f" % [commits.to_f / age] 
+    %li.span4
+      %div.thumbnail
+        %div.title Average commits per active day
+        %div.value= "%.2f" % [commits.to_f / active]
+    %li.span4
+      %div.thumbnail
+        %div.title Average commits per contributor
+        %div.value= "%.2f" % [commits.to_f / stats.num_authors]

data/template/highcharts/partials/repos.haml

@@ -0,0 +1,12 @@
+- block(:repos,12) do
+  %table.table
+    %thead
+      %th Name
+      %th Path
+      %th Ref
+    %tbody
+      - stats.repos.each do |repo|
+        %tr
+          %td&= repo.name
+          %td&= repo.base
+          %td&= repo.ref

data/template/highcharts/set_highcharts.js

@@ -0,0 +1,323 @@
+function popUpGraph(existingChart) {
+  var options = existingChart.options;
+  var width  = $('#myModal').width()*0.90;
+  var height = $('#myModal').height()*0.85;
+  var popupChart = new Highcharts.Chart(Highcharts.merge(options, {
+      chart: {
+        renderTo: 'modal-body',
+        width: width,
+        height: height
+        }
+  }));
+
+  $('#myModal').modal('show');
+}
+
+function createColumnChart(element){
+  $(element.target).highcharts({
+    chart: {
+      type: 'column'
+    },
+    title: {
+      text: element.label
+    },
+    credits: {
+      enabled: false
+    },
+    xAxis: {
+      categories: element.categories,
+      title: {
+        text: null
+      }
+    },
+    yAxis: [{
+      title: {
+        text: element.label_y_axis,
+      }
+    },{
+      title: {
+        text: element.label_y2_axis,
+      },
+      opposite: true
+    }],
+    plotOptions: {
+      column: {
+        pointPadding: 0.2,
+        borderWidth: 0,
+        stacking: 'normal'
+      }
+    },
+    tooltip: {
+      headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
+      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
+          '<td style="padding:0"><b>{point.y}</b></td></tr>',
+      footerFormat: '</table>',
+      shared: true,
+      useHTML: true
+    },
+    series: element.series,
+    exporting: {
+      buttons: {
+        customButton: {
+          x: -40,
+          onclick: function () {
+            popUpGraph(this);
+          },
+          symbol: 'square'
+        }
+      }
+    }
+  });
+}
+
+function createAreaChart(element){
+  $(element.target).highcharts({
+    chart: {
+      type: 'areaspline',
+      zoomType: "x"
+    },
+    title: {
+      text: element.label
+    },
+    credits: {
+      enabled: false
+    },
+    legend: {
+      layout: 'vertical',
+      align: 'left',
+      verticalAlign: 'top',
+      x: 50,
+      y: 50,
+      floating: true,
+      borderWidth: 1,
+      backgroundColor: '#FFFFFF'
+    },
+    xAxis: {
+      categories: element.categories,
+      tickInterval: parseInt(element.categories.length / 12),
+      title: {
+        text: null
+      },
+      labels: {
+        rotation: -45,
+        y: 35
+      }
+    },
+    yAxis: [{
+      title: {
+        text: element.label_y_axis,
+      }
+    },{
+      title: {
+        text: element.label_y2_axis,
+      },
+      opposite: true
+    }],
+    tooltip: {
+      shared: true,
+    },
+    plotOptions: {
+      areaspline: {
+        fillOpacity: 0.2
+      }
+    },
+    series: element.series,
+    exporting: {
+      buttons: {
+        customButton: {
+          x: -40,
+          onclick: function () {
+            popUpGraph(this);
+          },
+          symbol: 'square'
+        }
+      }
+    }
+  });
+}
+
+function createDateAreaChart(element){
+  $(element.target).highcharts({
+    chart: {
+      type: 'areaspline',
+      zoomType: 'x'
+    },
+    title: {
+      text: element.label
+    },
+    credits: {
+      enabled: false
+    },
+    legend: {
+      layout: 'vertical',
+      align: 'left',
+      verticalAlign: 'top',
+      x: 50,
+      y: 50,
+      floating: true,
+      borderWidth: 1,
+      backgroundColor: '#FFFFFF'
+    },
+    xAxis: {
+	  min: element.x_min,
+	  max: element.x_max,
+      type: 'datetime',
+      title: {
+        text: 'Date'
+      },
+      labels: {
+        rotation: -45,
+        y: 35
+      }
+    },
+    yAxis: [{
+      title: {
+        text: element.label_y_axis,
+      }
+    },{
+      title: {
+        text: element.label_y2_axis,
+      },
+      opposite: true
+    }],
+    tooltip: {
+      shared: true,
+    },
+    plotOptions: {
+      areaspline: {
+        fillOpacity: 0.2
+      }
+    },
+    series: element.series,
+    exporting: {
+      buttons: {
+        customButton: {
+          x: -40,
+          onclick: function () {
+            popUpGraph(this);
+          },
+          symbol: 'square'
+        }
+      }
+    }
+  });
+}
+
+function createPieChart(element){
+  $(element.target).highcharts({
+    chart: {
+      type: "pie"
+    },
+    title: {
+      text: element.label
+    },
+    credits: {
+      enabled: false
+    },
+    yAxis: {
+      title: {
+        text: ""
+      }
+    },
+    series: element.series,
+    exporting: {
+      buttons: {
+        customButton: {
+          x: -40,
+          onclick: function () {
+            popUpGraph(this);
+          },
+          symbol: 'square'
+        }
+      }
+    }
+  });
+}
+
+function createBarChart(element){
+  $(element.target).highcharts({
+    chart: {
+      type: "bar"
+    },
+    title: {
+      text: element.label
+    },
+    credits: {
+      enabled: false
+    },
+    xAxis: {
+      categories: element.categories,
+      title: {
+        text: element.label_y_axis
+      }
+    },
+    yAxis: {
+      title: {
+        text: element.label_x_axis
+      }
+    },
+    series: element.series,
+    exporting: {
+      buttons: {
+        customButton: {
+          x: -40,
+          onclick: function () {
+            popUpGraph(this);
+          },
+          symbol: 'square'
+        }
+      }
+    }
+  });
+}
+
+function createHeatMap(element){
+  $(element.target).highcharts({
+    chart: {
+      type: 'heatmap'
+    },
+    title: {
+      text: element.label
+    },
+    credits: {
+      enabled: false
+    },
+    xAxis: {
+      categories: element.categories_x,
+      title: element.label_x
+    },
+    yAxis: {
+      categories: element.categories_y,
+      title: element.label_y
+    },
+    colorAxis: {
+      min: 0,
+      minColor: '#FFFFFF',
+      maxColor: Highcharts.getOptions().colors[0]
+    },
+    series: [{
+      name: element.series_name,
+      borderWidth: 1,
+      data: element.series_data,
+      dataLabels: {
+        enabled: true,
+        color: 'black',
+        style: {
+          textShadow: 'none',
+          HcTextStroke: null
+        }
+      }
+    }],
+    exporting: {
+      buttons: {
+        customButton: {
+          x: -40,
+          onclick: function () {
+            popUpGraph(this);
+          },
+          symbol: 'square'
+        }
+      }
+    }
+  });
+}