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

Merge pull request #3301 from alphagov/fix-details-on-pricing-page

Browse Source 
Use details component on pricing page
This commit is contained in:
Tom Byers
2020-02-14 14:52:42 +00:00
committed by GitHub
parent 51594cdcf7 1b1591cf20
commit 97d6855ff7
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/templates/views/pricing/index.html
View File

@@ -1,5 +1,6 @@
{% from "components/table.html" import mapping_table, row, text_field, field, row_heading %} {% from "components/table.html" import mapping_table, row, text_field, field, row_heading %}
{% from "components/live-search.html" import live_search %} {% from "components/live-search.html" import live_search %}
{% from "components/details/macro.njk" import govukDetails %}
{% extends "content_template.html" %} {% extends "content_template.html" %}
@@ -67,8 +68,7 @@
<p>Some languages, such as Welsh, use accented characters.</p> <p>Some languages, such as Welsh, use accented characters.</p>
<p>Text messages containing the following accented characters are charged at the normal rate: Ä, É, Ö, Ü, à, ä, é, è, ì, ò, ö, ù, ü.</p> <p>Text messages containing the following accented characters are charged at the normal rate: Ä, É, Ö, Ü, à, ä, é, è, ì, ò, ö, ù, ü.</p>
<p>Using other accented characters can increase the cost of sending text messages.<p> <p>Using other accented characters can increase the cost of sending text messages.<p>
<details> {% set accentedChars %}
<summary>Accented characters that affect text message charges</summary>
<div class="bottom-gutter-3-2"> <div class="bottom-gutter-3-2">
{% call mapping_table( {% call mapping_table(
caption='Accented characters that affect text message charges', caption='Accented characters that affect text message charges',
@@ -128,7 +128,11 @@
{% endfor %} {% endfor %}
{% endcall %} {% endcall %}
</div> </div>
</details> {% endset %}
{{ govukDetails({
"summaryText": "Accented characters that affect text message charges",
"html": accentedChars
}) }}
<div class="bottom-gutter-3-2"> <div class="bottom-gutter-3-2">
{% call mapping_table( {% call mapping_table(
@@ -154,9 +158,7 @@
<h3 class="heading-small" id="international-numbers">Sending text messages to international numbers</h3> <h3 class="heading-small" id="international-numbers">Sending text messages to international numbers</h3>
<p>It might cost more to send text messages to international numbers than UK ones, depending on the country.</p> <p>It might cost more to send text messages to international numbers than UK ones, depending on the country.</p>
<details> {% set smsIntRates %}
<summary>International text message rates</summary>
{{ live_search(target_selector='#international-pricing .table-row', show=True, form=search_form, label='Search by country name or code') }} {{ live_search(target_selector='#international-pricing .table-row', show=True, form=search_form, label='Search by country name or code') }}
<div id="international-pricing" class="bottom-gutter-3-2"> <div id="international-pricing" class="bottom-gutter-3-2">
@@ -180,7 +182,11 @@
{% endcall %} {% endcall %}
</div> </div>
</details> {% endset %}
{{ govukDetails({
"summaryText": "International text message rates",
"html": smsIntRates
}) }}
<h2 class="heading-medium" id="letters">Letters</h2> <h2 class="heading-medium" id="letters">Letters</h2>
<p>The cost of sending a letter depends on the postage you choose and how many sheets of paper you need.</p> <p>The cost of sending a letter depends on the postage you choose and how many sheets of paper you need.</p>