Merge pull request #725 from sgmap/improve_procedure_logo
Improve procedure logo
This commit is contained in:
commit
2d96a3b451
4 changed files with 69 additions and 47 deletions
17
app/assets/stylesheets/new_design/procedure-logo.scss
Normal file
17
app/assets/stylesheets/new_design/procedure-logo.scss
Normal file
|
@ -0,0 +1,17 @@
|
|||
@import "colors";
|
||||
@import "constants";
|
||||
|
||||
.procedure-logo {
|
||||
display: flex;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid $border-grey;
|
||||
height: 84px;
|
||||
width: 84px;
|
||||
margin-right: 2 * $default-spacer;
|
||||
|
||||
img {
|
||||
margin: auto;
|
||||
max-width: 80%;
|
||||
max-height: 80%;
|
||||
}
|
||||
}
|
|
@ -26,16 +26,15 @@
|
|||
}
|
||||
|
||||
.procedure-logo {
|
||||
margin-right: 16px;
|
||||
width: 40px;
|
||||
border-bottom: 1px solid $border-grey;
|
||||
height: 93px;
|
||||
width: 93px;
|
||||
margin-right: 3 * $default-spacer;
|
||||
}
|
||||
|
||||
.procedure-title {
|
||||
min-height: 40px;
|
||||
font-size: 20px;
|
||||
margin-bottom: 16px;
|
||||
padding-left: $default-spacer;
|
||||
}
|
||||
|
||||
.procedure-status {
|
||||
|
|
|
@ -5,46 +5,50 @@
|
|||
- @procedures.each do |p|
|
||||
%li.procedure-item.flex.align-start
|
||||
= link_to(procedure_path(p)) do
|
||||
.procedure-details
|
||||
%p.procedure-title
|
||||
.flex
|
||||
|
||||
.procedure-logo
|
||||
- if p.logo.present?
|
||||
= image_tag p.logo, class: "procedure-logo"
|
||||
#{p.libelle}
|
||||
= image_tag p.logo, alt: "Logo de la procédure"
|
||||
|
||||
%ul.procedure-stats.flex
|
||||
%li
|
||||
- a_suivre_count = @dossiers_a_suivre_count_per_procedure[p.id] || 0
|
||||
.stats-number
|
||||
= a_suivre_count
|
||||
.stats-legend
|
||||
à suivre
|
||||
%li
|
||||
- if @notifications_count_per_procedure[p.id].present?
|
||||
%span.notifications{ 'aria-label': "notifications" }
|
||||
- followed_count = @followed_dossiers_count_per_procedure[p.id] || 0
|
||||
.stats-number
|
||||
= followed_count
|
||||
.stats-legend
|
||||
= t('pluralize.followed', count: followed_count)
|
||||
%li
|
||||
- termines_count = @dossiers_termines_count_per_procedure[p.id] || 0
|
||||
.stats-number
|
||||
= termines_count
|
||||
.stats-legend
|
||||
= t('pluralize.processed', count: termines_count)
|
||||
%li
|
||||
- dossier_count = @dossiers_count_per_procedure[p.id] || 0
|
||||
.stats-number
|
||||
= dossier_count
|
||||
.stats-legend
|
||||
= t('pluralize.case', count: dossier_count)
|
||||
%li
|
||||
- archived_count = @dossiers_archived_count_per_procedure[p.id] || 0
|
||||
.stats-number
|
||||
= archived_count
|
||||
.stats-legend
|
||||
= t('pluralize.archived', count: archived_count)
|
||||
.procedure-details
|
||||
%p.procedure-title
|
||||
= p.libelle
|
||||
|
||||
- if p.archivee?
|
||||
.procedure-status
|
||||
%span.label Archivée
|
||||
%ul.procedure-stats.flex
|
||||
%li
|
||||
- a_suivre_count = @dossiers_a_suivre_count_per_procedure[p.id] || 0
|
||||
.stats-number
|
||||
= a_suivre_count
|
||||
.stats-legend
|
||||
à suivre
|
||||
%li
|
||||
- if @notifications_count_per_procedure[p.id].present?
|
||||
%span.notifications{ 'aria-label': "notifications" }
|
||||
- followed_count = @followed_dossiers_count_per_procedure[p.id] || 0
|
||||
.stats-number
|
||||
= followed_count
|
||||
.stats-legend
|
||||
= t('pluralize.followed', count: followed_count)
|
||||
%li
|
||||
- termines_count = @dossiers_termines_count_per_procedure[p.id] || 0
|
||||
.stats-number
|
||||
= termines_count
|
||||
.stats-legend
|
||||
= t('pluralize.processed', count: termines_count)
|
||||
%li
|
||||
- dossier_count = @dossiers_count_per_procedure[p.id] || 0
|
||||
.stats-number
|
||||
= dossier_count
|
||||
.stats-legend
|
||||
= t('pluralize.case', count: dossier_count)
|
||||
%li
|
||||
- archived_count = @dossiers_archived_count_per_procedure[p.id] || 0
|
||||
.stats-number
|
||||
= archived_count
|
||||
.stats-legend
|
||||
= t('pluralize.archived', count: archived_count)
|
||||
|
||||
- if p.archivee?
|
||||
.procedure-status
|
||||
%span.label Archivée
|
||||
|
|
|
@ -1,10 +1,12 @@
|
|||
#procedure-show
|
||||
.backoffice-header
|
||||
.container.flex
|
||||
- if @procedure.logo.present?
|
||||
= image_tag @procedure.logo, height: 40, class: 'procedure-logo'
|
||||
|
||||
.width-100
|
||||
.procedure-logo
|
||||
- if @procedure.logo.present?
|
||||
= image_tag @procedure.logo, alt: "Logo de la procédure"
|
||||
|
||||
.procedure-header
|
||||
%h1= @procedure.libelle
|
||||
%ul.tabs
|
||||
%li{ class: (@statut == 'a-suivre') ? 'active' : nil }>
|
||||
|
|
Loading…
Reference in a new issue