External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-11 03:17:38 -02:30
Code Issues Packages Projects Releases Wiki Activity

support 1 item in sortColumns

Browse Source
This commit is contained in:
John Mitchell
2019-12-17 11:44:35 -05:00
parent 6edd879a43
commit 51a6ba14f1
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
awx/ui_next/src/components/Sort/Sort.jsx
View File

@@ -23,6 +23,15 @@ import {
parseQueryString parseQueryString
} from '@util/qs'; } from '@util/qs';
import { SortColumns, QSConfig } from '@types'; import { SortColumns, QSConfig } from '@types';
import styled from 'styled-components';
const NoOptionDropdown = styled.div`
align-self: stretch;
border: 1px solid var(--pf-global--BorderColor--300);
padding: 5px 15px;
white-space: nowrap;
border-bottom-color: var(--pf-global--BorderColor--200);
`;
class Sort extends React.Component { class Sort extends React.Component {
constructor(props) { constructor(props) {
@@ -120,9 +129,9 @@ class Sort extends React.Component {
return ( return (
<Fragment> <Fragment>
{sortDropdownItems.length > 0 && ( {sortedColumnName && (
<InputGroup> <InputGroup>
<Dropdown {sortDropdownItems.length > 0 && (<Dropdown
onToggle={this.handleDropdownToggle} onToggle={this.handleDropdownToggle}
onSelect={this.handleDropdownSelect} onSelect={this.handleDropdownSelect}
direction={up} direction={up}
@@ -136,7 +145,9 @@ class Sort extends React.Component {
</DropdownToggle> </DropdownToggle>
} }
dropdownItems={sortDropdownItems} dropdownItems={sortDropdownItems}
/> />) || (
<NoOptionDropdown>{sortedColumnName}</NoOptionDropdown>
)}
<Button <Button
variant={ButtonVariant.control} variant={ButtonVariant.control}
aria-label={i18n._(t`Reverse Sort Order`)} aria-label={i18n._(t`Reverse Sort Order`)}