darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-08 17:43:11 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1247 from alphagov/add-back-to-scheduler

Browse Source 
Add a back button to the scheduler
This commit is contained in:
Chris Hill-Scott
2017-04-27 09:52:06 +01:00
committed by GitHub
parent c996d5f4aa e9754e92df
commit 795fc7a49d
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/javascripts/radioSelect.js
View File

@@ -30,6 +30,7 @@
<label for="{{id}}">{{label}}</label> <label for="{{id}}">{{label}}</label>
</div> </div>
{{/choices}} {{/choices}}
<input type='button' class='js-reset-button js-reset-button-block' value='Back' />
</div> </div>
`), `),
'chosen': Hogan.compile(` 'chosen': Hogan.compile(`
@@ -56,7 +57,7 @@
let focusSelected = function() { let focusSelected = function() {
setTimeout( setTimeout(
() => $('[type=radio]:checked').next('label').blur().trigger('focus').addClass('selected'), () => $('[type=radio]:checked').next('label').blur().trigger('focus').addClass('selected'),
10 50
); );
}; };
@@ -67,7 +68,6 @@
let $component = $(component); let $component = $(component);
let render = (state, data) => { let render = (state, data) => {
$component.html(states[state].render(data)); $component.html(states[state].render(data));
new GOVUK.SelectionButtons('.block-label input');
}; };
let choices = $('label', $component).toArray().map(function(element) { let choices = $('label', $component).toArray().map(function(element) {
let $element = $(element); let $element = $(element);
@@ -92,7 +92,7 @@
), ),
'name': name 'name': name
}); });
$('.js-option').eq(0).parent('label').trigger('focus'); focusSelected();
}) })
.on('click', '.js-option', function(event) { .on('click', '.js-option', function(event) {

7
app/assets/stylesheets/components/radio-select.scss
View File

@@ -33,6 +33,13 @@
} }
.js-reset-button-block {
display: block;
width: 100%;
text-align: left;
padding: 20px 20px $gutter 57px;
}
.js-enabled & { .js-enabled & {
overflow: visible; overflow: visible;