gunghogeoduck/osem-fcy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve the look of the conf dashboard

Browse source
This commit is contained in:
Michael Ball 2021-03-23 17:37:04 -07:00
parent 1806a04b69
commit df5a767494
3 changed files with 31 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

28
app/assets/stylesheets/osem-dashboard.scss
View file

@ -1,26 +1,34 @@
@import "breakpoints.scss"; @import "breakpoints.scss";
.dashbox span.fa { .dashbox span.fa {
line-height: 1.1em; margin-bottom: 2px;
@include breakpoint(xs) {
font-size: 1.5em;
}
@include breakpoint(sm) { @include breakpoint(sm) {
font-size: 3em; font-size: 2em;
} }
@include breakpoint(md) { @include breakpoint(md) {
font-size: 4em; font-size: 3.5em;
} }
@include breakpoint(lg) { @include breakpoint(lg) {
font-size: 5em; font-size: 5em;
} }
} }
.dashbox { .dashbox.panel {
padding-top: 20px; padding: 10px;
padding-bottom: 20px; display: -webkit-flex;
} display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
line-height: 1.6rem;
.dashbox label { label {
display: block; line-height: 2rem;
font-size: 1.1em; }
} }
.todolist-missing span { .todolist-missing span {

8
app/views/admin/conferences/show.html.haml
View file

@ -3,16 +3,16 @@
Dashboard for #{@conference.title} Dashboard for #{@conference.title}
%hr %hr
.row .row
.col-sm-3 .col-sm-3.col-xs-6
= render "big_statistic", = render "big_statistic",
icon: "user", subtitle: "Registration", value: @total_reg, delta: @new_reg icon: "user", subtitle: "Registration", value: @total_reg, delta: @new_reg
.col-sm-3 .col-sm-3.col-xs-6
= render "big_statistic", = render "big_statistic",
icon: "check-square", subtitle: "Submission", value: @total_submissions, delta: @new_submissions icon: "check-square", subtitle: "Submission", value: @total_submissions, delta: @new_submissions
.col-sm-3 .col-sm-3.col-xs-6
= render "big_statistic", = render "big_statistic",
icon: "file-text", subtitle: "Hour", value: @program_length, delta: @new_program_length icon: "file-text", subtitle: "Hour", value: @program_length, delta: @new_program_length
.col-sm-3 .col-sm-3.col-xs-6
= render "big_statistic", = render "big_statistic",
icon: "archive", subtitle: "Withdrawn", value: @total_withdrawn, delta: @new_withdrawn icon: "archive", subtitle: "Withdrawn", value: @total_withdrawn, delta: @new_withdrawn

19
app/views/application/_big_statistic.haml
View file

@ -1,13 +1,12 @@
- reverse ||= false - reverse ||= false
- variant = variant_from_delta(delta, reverse: reverse) - variant = variant_from_delta(delta, reverse: reverse)
.dashbox.text-center .dashbox.panel.panel-primary
%span.fa .paenl-body.text-center
= fa_icon(icon) %span.fa
= value = fa_icon(icon)
%p.text-nowrap = value
%small %p
= subtitle.pluralize(value) = subtitle.pluralize(value)
%span.label{ class: "label-#{variant}" } .label{ class: "label-#{variant}" }
= delta = delta || 0
since you last logged in since last log in