2016-06-22 15:30:34 +05:30
|
|
|
- @no_container = true
|
2015-12-23 02:04:40 +05:30
|
|
|
- page_title "Languages", "Graphs"
|
|
|
|
= render 'head'
|
|
|
|
|
2016-08-24 12:49:21 +05:30
|
|
|
%div{ class: container_class }
|
2016-06-22 15:30:34 +05:30
|
|
|
.sub-header-block
|
|
|
|
.oneline
|
|
|
|
Programming languages used in this repository
|
2015-12-23 02:04:40 +05:30
|
|
|
|
2016-06-22 15:30:34 +05:30
|
|
|
.row
|
|
|
|
.col-md-8
|
|
|
|
%canvas#languages-chart{ height: 400 }
|
|
|
|
.col-md-4
|
|
|
|
%ul.bordered-list
|
|
|
|
- @languages.each do |language|
|
|
|
|
%li
|
|
|
|
%span{ style: "color: #{language[:color]}" }
|
|
|
|
= icon('circle')
|
|
|
|
|
|
|
|
= language[:label]
|
|
|
|
.pull-right
|
|
|
|
= language[:value]
|
|
|
|
\%
|
2015-12-23 02:04:40 +05:30
|
|
|
|
|
|
|
:javascript
|
|
|
|
var data = #{@languages.to_json};
|
|
|
|
var ctx = $("#languages-chart").get(0).getContext("2d");
|
|
|
|
var options = {
|
|
|
|
scaleOverlay: true,
|
|
|
|
responsive: true,
|
|
|
|
maintainAspectRatio: false
|
|
|
|
}
|
|
|
|
var myPieChart = new Chart(ctx).Pie(data, options);
|