darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-06-23 08:49:46 -04:00
Code Issues Packages Projects Releases Wiki Activity

Update buttons on api key pages to govuk-frontend buttons

Browse Source
This commit is contained in:
Katie Smith
2020-02-06 14:47:47 +00:00
parent 485d25b120
commit 0d0b71af63
6 changed files with 19 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/assets/javascripts/apiKey.js
View File

@@ -7,12 +7,12 @@
const states = {
'keyVisible': (key, thing) => `
<span class="api-key-key">${key}</span>
<input type='button' class='api-key-button-copy' value='Copy ${thing} to clipboard' />
<span class="api-key__key">${key}</span>
<input type='button' class='govuk-button govuk-button--secondary api-key__button--copy' value='Copy ${thing} to clipboard' />
`,
'keyCopied': thing => `
<span class="api-key-key">Copied to clipboard</span>
<input type='button' class='api-key-button-show' value='Show ${thing}' />
<span class="api-key__key">Copied to clipboard</span>
<input type='button' class='govuk-button govuk-button--secondary api-key__button--show' value='Show ${thing}' />
`
};
@@ -39,14 +39,14 @@
.html(states.keyVisible(key, thing))
.attr('aria-live', 'polite')
.on(
'click', '.api-key-button-copy', () =>
'click', '.api-key__button--copy', () =>
this.copyKey(
$('.api-key-key', component)[0], () =>
$('.api-key__key', component)[0], () =>
$component.html(states.keyCopied(thing))
)
)
.on(
'click', '.api-key-button-show', () =>
'click', '.api-key__button--show', () =>
$component.html(states.keyVisible(key, thing))
);