demarches-normaliennes/app/views/stats/index.html.haml

110 lines
3.9 KiB
Text
Raw Normal View History

2018-03-06 15:54:18 +01:00
- content_for(:title, 'Statistiques')
.statistiques
%h1.new-h1 Statistiques
.stat-cards
.stat-card.stat-card-half.big-number-card.pull-left
%span.big-number-card-title.long-title TOTAL DÉMARCHES DÉMAT. OU EN COURS DE DÉMAT.
%span.big-number-card-number
= number_with_delimiter(@procedures_numbers[:total])
%span.big-number-card-detail
#{number_with_delimiter(@procedures_numbers[:last_30_days_count])} (#{@procedures_numbers[:evolution]} %) sur les 30 derniers jours
.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_numbers[:total])
%span.big-number-card-detail
#{number_with_delimiter(@dossiers_numbers[:last_30_days_count])} (#{@dossiers_numbers[:evolution]} %) sur les 30 derniers jours
.stat-card.stat-card-half.pull-left
%span.stat-card-title
Satisfaction usager
.chart-container
.chart
= area_chart @satisfaction_usagers,
stacked: true,
suffix: ' %',
max: 100,
library: { plotOptions: { series: { marker: { enabled: true }}}},
colors: ["#C31C25", "#F5962A", "#25B177"]
2018-12-18 10:35:23 +01:00
.stat-card.stat-card-half.pull-left
%span.stat-card-title
Pourcentage de contact usagers
.chart-container
.chart
= line_chart @contact_percentage
.stat-card-details
%abbr{ title: "À lexception des conversations taggées #{@contact_percentage_excluded_tags.join(', ')}" }
Nombre de conversations actives dans HelpScout
%span / nombre de dossiers déposés
.stat-card.stat-card-half.pull-left
%span.stat-card-title
Répartition des dossiers
.chart-container
.chart
= pie_chart @dossiers_states,
colors: ["rgba(222, 238, 265, 1)", "rgba(191, 220, 249, 1)", "rgba(113, 176, 239, 1)", "rgba(61, 149, 236, 1)"]
.stat-card.stat-card-half.pull-left
%ul.segmented-control.pull-right
2018-02-28 16:07:52 +01:00
%li.segmented-control-item.segmented-control-item-active{ :onclick => "DS.toggleChart(event, '.monthly-procedures-chart');" }
Par mois
2018-02-28 16:07:52 +01:00
%li.segmented-control-item{ :onclick => "DS.toggleChart(event, '.cumulative-procedures-chart');" }
Cumul
2018-09-05 14:21:48 +02:00
%span.stat-card-title.pull-left Démarches dématérialisées
.clearfix
.chart-container
.chart.monthly-procedures-chart
2017-06-07 14:53:10 +02:00
= column_chart @procedures_in_the_last_4_months
.chart.cumulative-procedures-chart.hidden
2017-06-07 14:53:10 +02:00
= area_chart @procedures_cumulative
.stat-card.stat-card-half.pull-left
%ul.segmented-control.pull-right
2018-02-28 16:07:52 +01:00
%li.segmented-control-item.segmented-control-item-active{ :onclick => "DS.toggleChart(event, '.monthly-dossiers-chart');" }
Par mois
2018-02-28 16:07:52 +01:00
%li.segmented-control-item{ :onclick => "DS.toggleChart(event, '.cumulative-dossiers-chart');" }
Cumul
%span.stat-card-title.pull-left Dossiers déposés
.clearfix
.chart-container
.chart.monthly-dossiers-chart
2017-06-07 14:53:10 +02:00
= column_chart @dossiers_in_the_last_4_months
.chart.cumulative-dossiers-chart.hidden
2017-06-07 14:53:10 +02:00
= area_chart @dossiers_cumulative
- if administration_signed_in?
2017-06-01 09:44:22 +02:00
.stat-card.stat-card-half.pull-left
%span.stat-card-title Temps de traitement moyen d'un dossier
2017-06-01 09:44:22 +02:00
.chart-container
.chart
= line_chart @dossier_instruction_mean_time,
2017-06-07 14:53:10 +02:00
:ytitle => "Jours"
2017-06-01 09:44:22 +02:00
.stat-card.stat-card-half.pull-left
%span.stat-card-title Temps de remplissage moyen d'un dossier
2017-06-01 09:44:22 +02:00
.chart-container
.chart
= line_chart @dossier_filling_mean_time,
2017-06-07 14:53:10 +02:00
:ytitle => "Minutes"
.clearfix
2017-05-09 17:09:35 +02:00
- if administration_signed_in?
%h2.new-h2 Téléchargement
= link_to "Télécharger les statistiques (CSV)", stats_download_path(format: :csv), class: 'button secondary'