%h4= _("Pipelines charts")
%p
   
  %span.legend-success
    = icon("circle")
    = s_("Pipeline|success")
   
  %span.legend-all
    = icon("circle")
    = s_("Pipeline|all")

.prepend-top-default
  %p.light
    = _("Pipelines for last week")
    (#{date_from_to(Date.today - 7.days, Date.today)})
  %div
    %canvas#weekChart{ height: 200 }

.prepend-top-default
  %p.light
    = _("Pipelines for last month")
    (#{date_from_to(Date.today - 30.days, Date.today)})
  %div
    %canvas#monthChart{ height: 200 }

.prepend-top-default
  %p.light
    = _("Pipelines for last year")
  %div
    %canvas#yearChart.padded{ height: 250 }

-# haml-lint:disable InlineJavaScript
%script#pipelinesChartsData{ type: "application/json" }
  - chartData = []
  - [:week, :month, :year].each do |scope|
    - chartData.push({ 'scope' => scope, 'labels' => @charts[scope].labels, 'totalValues' => @charts[scope].total, 'successValues' => @charts[scope].success })
  = chartData.to_json.html_safe