53 lines
2 KiB
Text
53 lines
2 KiB
Text
= javascript_include_tag 'https://code.highcharts.com/highcharts.js', 'chartkick'
|
|
|
|
.statistiques
|
|
|
|
%h1.new-h1 Statistiques
|
|
|
|
.stat-cards
|
|
|
|
.stat-card.stat-card-half.pull-left
|
|
%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)
|
|
%span.stat-card-title.pull-left Démarches dématérialisées
|
|
.clearfix
|
|
|
|
.chart-container
|
|
.chart.cumulative-procedures-chart
|
|
= area_chart @procedures_cumulative,
|
|
:colors => ["rgba(61, 149, 236, 1)"]
|
|
.chart.flux-procedures-chart.hidden
|
|
= line_chart @procedures_30_days_flow,
|
|
:colors => ["rgba(61, 149, 236, 1)"]
|
|
|
|
.stat-card.stat-card-half.pull-left
|
|
%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
|
|
|
|
.chart-container
|
|
.chart.cumulative-dossiers-chart
|
|
= area_chart @dossiers_cumulative,
|
|
:colors => ["rgba(61, 149, 236, 1)"]
|
|
.chart.flux-dossiers-chart.hidden
|
|
= line_chart @dossiers_30_days_flow,
|
|
:colors => ["rgba(61, 149, 236, 1)"]
|
|
|
|
.stat-card.stat-card-half.big-number-card.pull-left
|
|
%span.big-number-card-title TOTAL DÉMARCHES DÉMATÉRIALISÉES
|
|
%span.big-number-card-number
|
|
= number_with_delimiter(@procedures_count)
|
|
|
|
.stat-card.stat-card-half.big-number-card.pull-left
|
|
%span.big-number-card-title TOTAL DOSSIERS DÉPOSÉS
|
|
%span.big-number-card-number
|
|
= number_with_delimiter(@dossiers_count)
|
|
|
|
.clearfix
|