2017-05-03 18:48:27 +02:00
|
|
|
= javascript_include_tag 'https://code.highcharts.com/highcharts.js', 'chartkick', "data-turbolinks-track" => true
|
2017-03-07 18:09:09 +01:00
|
|
|
|
2017-04-03 14:19:22 +02:00
|
|
|
.statistiques
|
|
|
|
|
|
|
|
%h1.new-h1 Statistiques
|
|
|
|
|
|
|
|
.stat-cards
|
|
|
|
|
2017-04-12 10:02:20 +02:00
|
|
|
.card.stat-card.stat-card-half.pull-left
|
2017-03-28 15:42:48 +02:00
|
|
|
%ul.segmented-control.pull-right
|
|
|
|
%li.segmented-control-item.segmented-control-item-active{ :onclick => "TPS.toggleChart(event, '.cumulative-procedures-chart');" }
|
|
|
|
Cumul
|
|
|
|
%li.segmented-control-item{ :onclick => "TPS.toggleChart(event, '.flux-procedures-chart');" }
|
|
|
|
Flux (30 jours)
|
2017-04-26 15:08:15 +02:00
|
|
|
%span.stat-card-title.pull-left Procédures dématérialisées
|
2017-03-28 15:42:48 +02:00
|
|
|
.clearfix
|
|
|
|
|
2017-04-03 14:19:22 +02:00
|
|
|
.chart-container
|
2017-03-28 15:42:48 +02:00
|
|
|
.chart.cumulative-procedures-chart
|
|
|
|
= area_chart @procedures_cumulative,
|
|
|
|
:colors => ["rgba(61, 149, 236, 1)"]
|
|
|
|
.chart.flux-procedures-chart.hidden
|
2017-04-03 14:19:22 +02:00
|
|
|
= line_chart @procedures_30_days_flow,
|
|
|
|
:colors => ["rgba(61, 149, 236, 1)"]
|
|
|
|
|
2017-04-12 10:02:20 +02:00
|
|
|
.card.stat-card.stat-card-half.pull-left
|
2017-03-28 15:42:48 +02:00
|
|
|
%ul.segmented-control.pull-right
|
|
|
|
%li.segmented-control-item.segmented-control-item-active{ :onclick => "TPS.toggleChart(event, '.cumulative-dossiers-chart');" }
|
|
|
|
Cumul
|
|
|
|
%li.segmented-control-item{ :onclick => "TPS.toggleChart(event, '.flux-dossiers-chart');" }
|
|
|
|
Flux (30 jours)
|
|
|
|
%span.stat-card-title.pull-left Dossiers déposés
|
|
|
|
.clearfix
|
|
|
|
|
2017-04-03 14:19:22 +02:00
|
|
|
.chart-container
|
2017-03-28 15:42:48 +02:00
|
|
|
.chart.cumulative-dossiers-chart
|
|
|
|
= area_chart @dossiers_cumulative,
|
|
|
|
:colors => ["rgba(61, 149, 236, 1)"]
|
|
|
|
.chart.flux-dossiers-chart.hidden
|
2017-04-03 14:19:22 +02:00
|
|
|
= line_chart @dossiers_30_days_flow,
|
|
|
|
:colors => ["rgba(61, 149, 236, 1)"]
|
|
|
|
|
2017-04-12 10:02:20 +02:00
|
|
|
.card.stat-card.stat-card-half.big-number-card.pull-left
|
2017-04-26 15:08:15 +02:00
|
|
|
%span.big-number-card-title TOTAL PROCÉDURES DÉMATÉRIALISÉES
|
2017-04-03 17:04:31 +02:00
|
|
|
%span.big-number-card-number
|
2017-04-19 10:05:10 +02:00
|
|
|
= number_with_delimiter(@procedures_count)
|
2017-04-03 17:04:31 +02:00
|
|
|
|
2017-04-12 10:02:20 +02:00
|
|
|
.card.stat-card.stat-card-half.big-number-card.pull-left
|
2017-04-03 17:04:31 +02:00
|
|
|
%span.big-number-card-title TOTAL DOSSIERS DÉPOSÉS
|
|
|
|
%span.big-number-card-number
|
2017-04-19 10:05:10 +02:00
|
|
|
= number_with_delimiter(@dossiers_count)
|
2017-04-03 17:04:31 +02:00
|
|
|
|
2017-04-03 14:19:22 +02:00
|
|
|
.clearfix
|