mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-06-03 13:00:03 -04:00
9aa4a7267a
Both `<button type='submit'>Submit<button>` and `<input type='submit' value='Submit'>` can be used to submit a form. We have historically[1] used `<input>` because it’s better-supported by IE6 in that: - the `submit` attribute is mandatory on `<button>`, not on `<input>` - the `innerHTML` of a button will be submitted to the server, not the value (as in other browsers) Reasons to now use `<button>` instead: - IE6/7 support is no longer a concern (especially with deprecation of TLS 1.0 on the way) - Because an `<input>` element can’t have children, the pseudo-element hack[2] used to ensure the top edge of the button is clickable doesn’t work. We’re seeing this bug[3] affect real users in research. 1. We inhereted our buttons from Digital Marketplace, here is me making that change in their code:8df7e2e79e (diff-b1420f7b7a25657d849edf90a70ef541)2.24e1906c0d (diff-ef0e4eb6f1e90b44b0c3fe39dce274a4R79)3. https://github.com/alphagov/govuk_elements/issues/545
82 lines
2.6 KiB
HTML
82 lines
2.6 KiB
HTML
{% extends "withnav_template.html" %}
|
||
{% from "components/banner.html" import banner_wrapper %}
|
||
{% from "components/table.html" import list_table, field, hidden_field_heading %}
|
||
{% from "components/api-key.html" import api_key %}
|
||
{% from "components/page-footer.html" import page_footer %}
|
||
|
||
{% block service_page_title %}
|
||
API keys
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
|
||
{% if revoke_key %}
|
||
<div class="bottom-gutter">
|
||
{% call banner_wrapper(type='dangerous', subhead='Are you sure you want to revoke this API key?') %}
|
||
<p>
|
||
‘{{ revoke_key }}’ will no longer let you connect to GOV.UK Notify.
|
||
</p>
|
||
<form method='post'>
|
||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
|
||
<button type="submit" class="button" name="delete">Confirm</button>
|
||
</form>
|
||
{% endcall %}
|
||
</div>
|
||
{% else %}
|
||
<div class="grid-row">
|
||
<div class="column-two-thirds">
|
||
<h1 class="heading-large">
|
||
API keys
|
||
</h1>
|
||
</div>
|
||
<div class="column-one-third">
|
||
<a href="{{ url_for('.create_api_key', service_id=current_service.id) }}" class="button align-with-heading">Create an API key</a>
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
|
||
<div class="body-copy-table">
|
||
{% call(item, row_number) list_table(
|
||
keys,
|
||
empty_message="You haven’t created any API keys yet",
|
||
caption="API keys",
|
||
caption_visible=false,
|
||
field_headings=[
|
||
'API keys',
|
||
'Action'
|
||
],
|
||
field_headings_visible=False
|
||
) %}
|
||
{% call field() %}
|
||
<div class="file-list">
|
||
{{ item.name }}
|
||
<div class="hint">
|
||
{% if item.key_type == 'normal' %}
|
||
Live – sends to anyone
|
||
{% elif item.key_type == 'team' %}
|
||
Team and whitelist – limits who you can send to
|
||
{% elif item.key_type == 'test' %}
|
||
Test – pretends to send messages
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
{% endcall %}
|
||
{% if item.expiry_date %}
|
||
{% call field(align='right') %}
|
||
<span class='hint'>Revoked {{ item.expiry_date|format_datetime_short }}</span>
|
||
{% endcall %}
|
||
{% else %}
|
||
{% call field(align='right', status='error') %}
|
||
<a href='{{ url_for('.revoke_api_key', service_id=current_service.id, key_id=item.id) }}'>Revoke</a>
|
||
{% endcall %}
|
||
{% endif %}
|
||
{% endcall %}
|
||
</div>
|
||
|
||
{{ page_footer(
|
||
secondary_link=url_for('.api_integration', service_id=current_service.id),
|
||
secondary_link_text='Back to API integration'
|
||
) }}
|
||
|
||
{% endblock %}
|