darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-07-16 03:10:16 -04:00
Code Issues Packages Projects Releases Wiki Activity

Include template type in bar graph label

Browse Source 
It’s possible that users will have email and SMS templates with similar
names, and will send them depending on their users’ contact preferences.

So it’s useful to be able to compare how many emails vs SMS you’re
sending, even if the template names are similar.
This commit is contained in:
Chris Hill-Scott
2016-05-12 21:31:47 +01:00
parent 1b8236f5f8
commit 3dc349c8a7
2 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/assets/stylesheets/views/dashboard.scss
View File

@@ -11,37 +11,39 @@
.spark-bar {
@include core-16;
box-sizing: border-box;
display: block;
width: 100%;
text-align: right;
margin-bottom: $gutter-half;
height: 30px;
height: $gutter-half;
color: $govuk-blue;
line-height: 30px;
padding-right: 5px;
font-weight: bold;
text-align: left;
color: $govuk-blue;
span {
box-sizing: border-box;
display: block;
float: left;
background: $govuk-blue;
color: $white;
height: 30px;
height: $gutter-half;
padding-left: 5px;
padding-right: 5px;
margin: 3px 0 5px 0;
transition: width 0.6s ease-in-out;
}
&-label {
@include bold-19;
display: block;
line-height: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: $link-colour;
color: $govuk-blue;
max-width: 100%;
background: $white;
margin-bottom: $gutter;
}
}

9
app/templates/views/dashboard/template-statistics.html
View File

@@ -6,16 +6,15 @@
<dt class="column-half">
<span class="spark-bar-label">
<a href="{{ url_for('.view_template', service_id=current_service.id, template_id=item.template.id) }}">
{{ item.template.name }}
</a>
<a href="{{ url_for('.view_template', service_id=current_service.id, template_id=item.template.id) }}">{{ item.template.name }}</a>
</span>
</dt>
<dd class="column-half">
<span class="spark-bar">
<span style="width: {{ item.usage_count / most_used_template_count * 66.6 }}%"></span>
{{ item.usage_count }} <span class="visuallyhidden">messages sent</span>
<span style="width: {{ item.usage_count / most_used_template_count * 100 }}%"></span>
{{ item.usage_count }} {{ 'text messages' if item.template.template_type == 'sms' else 'emails' }} sent
</span>
</dd>