darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-02-05 02:42:26 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add a non-JS template picker

Browse Source 
We could do something with Javascript to only show the selected template. For
now this is something that works without Javascript.

This means we can put off getting the build and testing pipeline for Javascript
set up, which is a bigger and more unknown piece of work.
This commit is contained in:
Chris Hill-Scott
2015-12-10 17:33:01 +00:00
parent 73ccea4d1f
commit c4df25c8db
6 changed files with 48 additions and 1999 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/assets/stylesheets/components/template-picker.scss Normal file
View File

@@ -0,0 +1,15 @@
.template-picker {
&-name {
@include bold-19;
padding-left: 5px;
}
&-option {
input {
float: left;
}
}
}

7
app/assets/stylesheets/govuk_template/govuk-template.scss
View File

@@ -7,10 +7,6 @@
@import "../govuk_frontend_toolkit/stylesheets/grid_layout";
@import "../govuk_frontend_toolkit/stylesheets/design-patterns/_buttons";
// Edited version of govuk_elements repo
// https://github.com/alphagov/govuk_elements
@import "../govuk_elements/main";
/* local styleguide includes */
@import "styleguide/colours";
@import "styleguide/conditionals2";
@@ -20,6 +16,3 @@
@import "accessibility";
@import "header";
@import "footer";
// Extra CSS for this application
@import "../app";

30
app/assets/stylesheets/main.scss
View File

@@ -1,33 +1,35 @@
// Edited version of govuk_frontend_toolkit
// https://github.com/alphagov/govuk_frontend_toolkit/
@import "govuk_frontend_toolkit/stylesheets/_conditionals.scss";
@import "govuk_frontend_toolkit/stylesheets/conditionals";
@import "govuk_frontend_toolkit/stylesheets/shims";
@import "govuk_frontend_toolkit/stylesheets/measurements";
@import "govuk_frontend_toolkit/stylesheets/css3";
@import "govuk_frontend_toolkit/stylesheets/colours";
@import "govuk_frontend_toolkit/stylesheets/typography";
@import "govuk_frontend_toolkit/stylesheets/grid_layout";
@import "govuk_frontend_toolkit/stylesheets/helpers";
@import "govuk_frontend_toolkit/stylesheets/url-helpers";
@import "govuk_frontend_toolkit/stylesheets/design-patterns/buttons";
@import "govuk_frontend_toolkit/stylesheets/design-patterns/alpha-beta";
// Edited version of govuk_elements repo
// https://github.com/alphagov/govuk_elements
@import "govuk_elements/elements/reset";
@import "govuk_elements/elements/buttons";
@import "govuk_elements/elements/details";
@import "govuk_elements/elements/elements-typography";
@import "govuk_elements/elements/forms";
@import "govuk_elements/elements/helpers";
@import "govuk_elements/elements/icons";
@import "govuk_elements/elements/layout";
@import "govuk_elements/elements/lists";
@import "govuk_elements/elements/panels";
@import "govuk_elements/elements/tables";
@import "govuk_elements/public/sass/elements/helpers";
@import "govuk_elements/public/sass/elements/reset";
@import "govuk_elements/public/sass/elements/buttons";
@import "govuk_elements/public/sass/elements/details";
@import "govuk_elements/public/sass/elements/elements-typography";
@import "govuk_elements/public/sass/elements/forms";
@import "govuk_elements/public/sass/elements/icons";
@import "govuk_elements/public/sass/elements/layout";
@import "govuk_elements/public/sass/elements/lists";
@import "govuk_elements/public/sass/elements/panels";
@import "govuk_elements/public/sass/elements/tables";
// Extra CSS for this application
@import "components/sms-message";
@import "components/placeholder";
// // // sxx
// Break this up
@import "components/template-picker";
// Break this uq
@import "app";

1984
app/static/stylesheets/govuk-template.css
View File

File diff suppressed because it is too large Load Diff

2
app/templates/views/check-sms.html
View File

@@ -14,7 +14,7 @@ GOV.UK Notify | Send text messages
{{ sms_message(message_template) }}
<p>
<a class="button" href="/check-sms" role="button">Send {{recipient_count}} text messages</a>
<a class="button" href="/jobs/job" role="button">Send {{recipient_count}} text messages</a>
</p>
</div>
</div>

9
app/templates/views/send-sms.html
View File

@@ -14,8 +14,13 @@
<h2 class="heading-medium">1. Choose text message template</h2>
{% for template in message_templates %}
{{ template.name }}
{{ sms_message(template.body) }}
<div class="template-picker-option">
<label>
<span class="template-picker-name">{{ template.name }}</span>
<input type="radio" name="template" value="{{ template.name }}" />
{{ sms_message(template.body) }}
</label>
</div>
{% endfor %}
<h2 class="heading-medium">2. Add recipients</h2>