Use the new_application layout for the Stats page

This commit is contained in:
gregoirenovel 2017-05-22 16:56:09 +02:00 committed by Mathieu Magnin
parent 627ce150a7
commit f82533be19
5 changed files with 13 additions and 9 deletions

View file

@ -40,7 +40,6 @@
// = require recapitulatif // = require recapitulatif
// = require search // = require search
// = require siret // = require siret
// = require stats
// = require support_navigator_banner // = require support_navigator_banner
// = require switch_menu // = require switch_menu
// = require typeahead // = require typeahead

View file

@ -1,5 +1,3 @@
@import "card";
$dark-grey: #333333; $dark-grey: #333333;
$light-grey: #999999; $light-grey: #999999;
$blue: rgba(61, 149, 236, 1); $blue: rgba(61, 149, 236, 1);
@ -12,8 +10,9 @@ $new-h1-margin-bottom: 4 * $default-space;
.new-h1 { .new-h1 {
color: $dark-grey; color: $dark-grey;
text-align: center; text-align: center;
margin-top: 0;
margin-bottom: $new-h1-margin-bottom; margin-bottom: $new-h1-margin-bottom;
font-weight: bold;
font-size: 41px;
} }
$statistiques-padding-top: $default-space * 2; $statistiques-padding-top: $default-space * 2;
@ -33,6 +32,7 @@ $statistiques-padding-top: $default-space * 2;
$stat-card-margin-bottom: 3 * $default-space; $stat-card-margin-bottom: 3 * $default-space;
.stat-card { .stat-card {
padding: 15px;
margin-bottom: $stat-card-margin-bottom; margin-bottom: $stat-card-margin-bottom;
border-radius: 5px; border-radius: 5px;
box-shadow: none; box-shadow: none;
@ -49,7 +49,7 @@ $stat-card-half-horizontal-spacing: 4 * $default-space;
.stat-card-title { .stat-card-title {
color: $dark-grey; color: $dark-grey;
font-size: 26px; font-size: 26px;
font-weight: 500; font-weight: bold;
width: 200px; width: 200px;
} }

View file

@ -13,3 +13,7 @@
.center { .center {
text-align: center; text-align: center;
} }
.hidden {
display: none;
}

View file

@ -1,4 +1,5 @@
class StatsController < ApplicationController class StatsController < ApplicationController
layout "new_application"
def index def index
procedures = Procedure.where(:published => true) procedures = Procedure.where(:published => true)

View file

@ -4,7 +4,7 @@
.stat-cards .stat-cards
.card.stat-card.stat-card-half.pull-left .stat-card.stat-card-half.pull-left
%ul.segmented-control.pull-right %ul.segmented-control.pull-right
%li.segmented-control-item.segmented-control-item-active{ :onclick => "TPS.toggleChart(event, '.cumulative-procedures-chart');" } %li.segmented-control-item.segmented-control-item-active{ :onclick => "TPS.toggleChart(event, '.cumulative-procedures-chart');" }
Cumul Cumul
@ -21,7 +21,7 @@
= line_chart @procedures_30_days_flow, = line_chart @procedures_30_days_flow,
:colors => ["rgba(61, 149, 236, 1)"] :colors => ["rgba(61, 149, 236, 1)"]
.card.stat-card.stat-card-half.pull-left .stat-card.stat-card-half.pull-left
%ul.segmented-control.pull-right %ul.segmented-control.pull-right
%li.segmented-control-item.segmented-control-item-active{ :onclick => "TPS.toggleChart(event, '.cumulative-dossiers-chart');" } %li.segmented-control-item.segmented-control-item-active{ :onclick => "TPS.toggleChart(event, '.cumulative-dossiers-chart');" }
Cumul Cumul
@ -38,12 +38,12 @@
= line_chart @dossiers_30_days_flow, = line_chart @dossiers_30_days_flow,
:colors => ["rgba(61, 149, 236, 1)"] :colors => ["rgba(61, 149, 236, 1)"]
.card.stat-card.stat-card-half.big-number-card.pull-left .stat-card.stat-card-half.big-number-card.pull-left
%span.big-number-card-title TOTAL PROCÉDURES DÉMATÉRIALISÉES %span.big-number-card-title TOTAL PROCÉDURES DÉMATÉRIALISÉES
%span.big-number-card-number %span.big-number-card-number
= number_with_delimiter(@procedures_count) = number_with_delimiter(@procedures_count)
.card.stat-card.stat-card-half.big-number-card.pull-left .stat-card.stat-card-half.big-number-card.pull-left
%span.big-number-card-title TOTAL DOSSIERS DÉPOSÉS %span.big-number-card-title TOTAL DOSSIERS DÉPOSÉS
%span.big-number-card-number %span.big-number-card-number
= number_with_delimiter(@dossiers_count) = number_with_delimiter(@dossiers_count)