diff --git a/awx/ui/src/components/PaginatedTable/HeaderRow.js b/awx/ui/src/components/PaginatedTable/HeaderRow.js index 56d23934e0..a3041775d5 100644 --- a/awx/ui/src/components/PaginatedTable/HeaderRow.js +++ b/awx/ui/src/components/PaginatedTable/HeaderRow.js @@ -7,6 +7,7 @@ import { parseQueryString, updateQueryString } from 'util/qs'; const Th = styled(PFTh)` --pf-c-table--cell--Overflow: initial; + --pf-c-table--cell--MaxWidth: none; `; export default function HeaderRow({ diff --git a/awx/ui/src/locales/fr/messages.po b/awx/ui/src/locales/fr/messages.po index e7d2c31a24..c28fdc82e2 100644 --- a/awx/ui/src/locales/fr/messages.po +++ b/awx/ui/src/locales/fr/messages.po @@ -9071,7 +9071,7 @@ msgstr "Utilisateur" #: components/AppContainer/PageHeaderToolbar.js:165 msgid "User Details" -msgstr "Détails de l'erreur" +msgstr "Détails de l'utilisateur" #: screens/Setting/SettingList.js:117 #: screens/Setting/Settings.js:114 @@ -10164,4 +10164,4 @@ msgstr "{selectedItemsCount, plural, one {Click to run a health check on the sel #: components/AppContainer/AppContainer.js:154 msgid "{sessionCountdown, plural, one {You will be logged out in # second due to inactivity} other {You will be logged out in # seconds due to inactivity}}" -msgstr "{sessionCountdown, plural, one {You will be logged out in # second due to inactivity} other {You will be logged out in # seconds due to inactivity}}" +msgstr "{sessionCountdown, plural, one {You will be logged out in # second due to inactivity} other {You will be logged out in # seconds due to inactivity}}" diff --git a/awx/ui/src/screens/User/UserTokenList/UserTokenList.js b/awx/ui/src/screens/User/UserTokenList/UserTokenList.js index 14d659f020..03bb495fab 100644 --- a/awx/ui/src/screens/User/UserTokenList/UserTokenList.js +++ b/awx/ui/src/screens/User/UserTokenList/UserTokenList.js @@ -134,6 +134,10 @@ function UserTokenList() { name: t`Application name`, key: 'application__name', }, + { + name: t`Description`, + key: 'description', + }, { name: t`Scope`, key: 'scope', @@ -181,6 +185,7 @@ function UserTokenList() { headerRow={ {t`Application Name`} + {t`Description`} {t`Scope`} {t`Expires`} diff --git a/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.js b/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.js index d5ab4db96d..80e1639df7 100644 --- a/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.js +++ b/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.js @@ -26,6 +26,9 @@ function UserTokenListItem({ token, isSelected, onSelect, rowIndex }) { : t`Personal access token`} + + {toTitleCase(token.description)} + {toTitleCase(token.scope)} diff --git a/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.test.js b/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.test.js index dd390bf178..4e7baad772 100644 --- a/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.test.js +++ b/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.test.js @@ -26,7 +26,7 @@ const token = { }, created: '2020-06-23T15:06:43.188634Z', modified: '2020-06-23T15:06:43.224151Z', - description: '', + description: 'foobar-token', user: 1, token: '************', refresh_token: '************', @@ -62,8 +62,9 @@ describe('', () => { }); expect(wrapper.find('Td').first().prop('select').isSelected).toBe(false); expect(wrapper.find('Td').at(1).text()).toBe('Foobar app'); - expect(wrapper.find('Td').at(2).text()).toContain('Read'); - expect(wrapper.find('Td').at(3).text()).toContain('10/25/3019, 3:06:43 PM'); + expect(wrapper.find('Td').at(2).text()).toBe('Foobar-token'); + expect(wrapper.find('Td').at(3).text()).toContain('Read'); + expect(wrapper.find('Td').at(4).text()).toContain('10/25/3019, 3:06:43 PM'); }); test('should render personal access token row properly', async () => { @@ -89,8 +90,9 @@ describe('', () => { }); expect(wrapper.find('Td').first().prop('select').isSelected).toBe(false); expect(wrapper.find('Td').at(1).text()).toEqual('Personal access token'); - expect(wrapper.find('Td').at(2).text()).toEqual('Write'); - expect(wrapper.find('Td').at(3).text()).toContain('10/25/3019, 3:06:43 PM'); + expect(wrapper.find('Td').at(2).text()).toEqual('Foobar-token'); + expect(wrapper.find('Td').at(3).text()).toEqual('Write'); + expect(wrapper.find('Td').at(4).text()).toContain('10/25/3019, 3:06:43 PM'); }); test('should be checked', async () => {