Files
notifications-admin/app/templates/views/pricing/billing-details.html
Leo Hemsted 49d1208056 remove name from copy-to-clipboard invocations
name is designed for a human readable description of what the thing
you're copying belongs to. (while thing is supposed to describe what the
value represents.

For example on the reply-to email address page, thing="ID" because
you're copying a uuid, and name is the actual name of the email address.
So the talkback speech will read out "copy ID to clipboard for
my@email.com, button".

However, in our case, there's no need to add what the context is for
since each copyable item on the page is something different (a sort
code, a VAT number, etc).

Removing the name makes the talkback just read "Copy sort code to
clipboard", which is what we want. However the macro also only shows a
header if the name is present, so we have to add the header manually.
2021-09-08 10:19:47 +01:00

139 lines
3.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{% extends "content_template.html" %}
{% from "components/page-header.html" import page_header %}
{% from "components/copy-to-clipboard.html" import copy_to_clipboard %}
{% block per_page_title %}
Billing details
{% endblock %}
{% block content_column_content %}
{{ page_header('Billing details') }}
<p class="govuk-body">
You can use the information on this page to add the Cabinet Office as a supplier. Your organisation may need to do this before you can raise a purchase order (PO).
</p>
<p class="govuk-body">
<a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.support') }}">Contact us</a> if you need any other details.
</p>
<h2 class="heading-medium govuk-!-margin-top-7">
Supplier details
</h2>
<p class="govuk-body">
Cabinet Office
</p>
<p class="govuk-body">
The White Chapel Building <br>
10 Whitechapel High Street <br>
London <br>
E1 8QS
</p>
<h3 class="heading-small">
Email addresses
</h3>
<ul class="govuk-list govuk-list--bullet">
{% for email in billing_details['notify_billing_email_addresses'] %}
<li>
{{ email }}
</li>
{% endfor %}
</ul>
<h3 class="heading-small">
<abbr title="Value Added Tax">VAT</abbr> number
</h3>
<div class="govuk-!-margin-bottom-4">
{{ copy_to_clipboard(
'GB 88 88 010 80',
thing='<abbr title="Value Added Tax">VAT</abbr> number',
) }}
</div>
<h2 class="heading-medium govuk-!-margin-top-7">
Bank details
</h2>
<p class="govuk-body">
National Westminster Bank PLC (part of RBS group) <br>
Government Banking Services Branch <br>
2nd Floor <br>
280 Bishopsgate <br>
London <br>
EC2M 4RB
</p>
<h3 class="heading-small">
Account name
</h3>
<p class="govuk-body">
Cabinet Office
</p>
<h3 class="heading-small">
Account number
</h3>
<div class="govuk-!-margin-bottom-4">
{{ copy_to_clipboard(
billing_details['account_number'],
thing='account number',
) }}
</div>
<h3 class="heading-small">
Sort code
</h3>
<div class="govuk-!-margin-bottom-4">
{{ copy_to_clipboard(
billing_details['sort_code'],
thing='sort code',
) }}
</div>
<h3 class="heading-small">
<abbr title="International Bank Account Number">IBAN</abbr>
</h3>
<div class="govuk-!-margin-bottom-4">
{{ copy_to_clipboard(
billing_details['IBAN'],
thing='IBAN',
) }}
</div>
<h3 class="heading-small">
Swift code
</h3>
<div class="govuk-!-margin-bottom-4">
{{ copy_to_clipboard(
billing_details['swift'],
thing='Swift code',
) }}
</div>
<h2 class="heading-medium govuk-!-margin-top-7">
Invoice address
</h2>
<p class="govuk-body">
SSCL Accounts Receivable <br>
PO Box 221 <br>
Thornton-Cleveleys <br>
Blackpool <br>
Lancashire <br>
FY1 9JN
</p>
{% endblock %}