diff --git a/ui-v2/app/components/radio-group.js b/ui-v2/app/components/radio-group.js index 34b09dfde..320b5c7ac 100644 --- a/ui-v2/app/components/radio-group.js +++ b/ui-v2/app/components/radio-group.js @@ -1,5 +1,14 @@ import Component from '@ember/component'; +const ENTER = 13; export default Component.extend({ - tagName: 'fieldset', + tagName: '', + keyboardAccess: false, + actions: { + keydown: function(e) { + if (e.keyCode === ENTER) { + e.target.dispatchEvent(new MouseEvent('click')); + } + }, + }, }); diff --git a/ui-v2/app/components/tab-nav.js b/ui-v2/app/components/tab-nav.js index db166df64..ca4e1616b 100644 --- a/ui-v2/app/components/tab-nav.js +++ b/ui-v2/app/components/tab-nav.js @@ -1,7 +1,14 @@ import Component from '@ember/component'; +const ENTER = 13; export default Component.extend({ name: 'tab', - tagName: 'nav', - classNames: ['tab-nav'], + tagName: '', + actions: { + keydown: function(e) { + if (e.keyCode === ENTER) { + e.target.dispatchEvent(new MouseEvent('click')); + } + }, + }, }); diff --git a/ui-v2/app/index.html b/ui-v2/app/index.html index 75e518e9b..475cc5ab0 100644 --- a/ui-v2/app/index.html +++ b/ui-v2/app/index.html @@ -1,5 +1,5 @@ - + diff --git a/ui-v2/app/templates/components/acl-filter.hbs b/ui-v2/app/templates/components/acl-filter.hbs index 44595ea10..898a40750 100644 --- a/ui-v2/app/templates/components/acl-filter.hbs +++ b/ui-v2/app/templates/components/acl-filter.hbs @@ -1,4 +1,4 @@ {{!
}} {{freetext-filter searchable=searchable value=search placeholder="Search by name/token"}} - {{radio-group name="type" value=type items=filters onchange=(action onchange)}} + {{radio-group keyboardAccess=true name="type" value=type items=filters onchange=(action onchange)}} {{!
}} diff --git a/ui-v2/app/templates/components/catalog-filter.hbs b/ui-v2/app/templates/components/catalog-filter.hbs index 5185b0921..ddcd20b13 100644 --- a/ui-v2/app/templates/components/catalog-filter.hbs +++ b/ui-v2/app/templates/components/catalog-filter.hbs @@ -1,6 +1,6 @@ {{!
}} {{freetext-filter searchable=searchable value=search placeholder="Search by name"}} - {{radio-group name="status" value=status items=(array + {{radio-group keyboardAccess=true name="status" value=status items=(array (hash label='All (Any Status)' value='' ) (hash label='Critical Checks' value='critical') (hash label='Warning Checks' value='warning') diff --git a/ui-v2/app/templates/components/hashicorp-consul.hbs b/ui-v2/app/templates/components/hashicorp-consul.hbs index bb0916a91..37d73e1e5 100644 --- a/ui-v2/app/templates/components/hashicorp-consul.hbs +++ b/ui-v2/app/templates/components/hashicorp-consul.hbs @@ -1,6 +1,6 @@
- - + Consul + @@ -8,7 +8,7 @@ -