Merge "Handle long strings in build/buildsets tables"
This commit is contained in:
commit
86285fece2
|
@ -39,6 +39,9 @@ import {
|
||||||
TableHeader,
|
TableHeader,
|
||||||
TableBody,
|
TableBody,
|
||||||
TableVariant,
|
TableVariant,
|
||||||
|
truncate,
|
||||||
|
breakWord,
|
||||||
|
cellWidth,
|
||||||
} from '@patternfly/react-table'
|
} from '@patternfly/react-table'
|
||||||
import 'moment-duration-format'
|
import 'moment-duration-format'
|
||||||
import * as moment from 'moment'
|
import * as moment from 'moment'
|
||||||
|
@ -58,14 +61,17 @@ function BuildTable({
|
||||||
{
|
{
|
||||||
title: <IconProperty icon={<BuildIcon />} value="Job" />,
|
title: <IconProperty icon={<BuildIcon />} value="Job" />,
|
||||||
dataLabel: 'Job',
|
dataLabel: 'Job',
|
||||||
|
cellTransforms: [breakWord],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: <IconProperty icon={<CubeIcon />} value="Project" />,
|
title: <IconProperty icon={<CubeIcon />} value="Project" />,
|
||||||
dataLabel: 'Project',
|
dataLabel: 'Project',
|
||||||
|
cellTransforms: [breakWord],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: <IconProperty icon={<CodeBranchIcon />} value="Branch" />,
|
title: <IconProperty icon={<CodeBranchIcon />} value="Branch" />,
|
||||||
dataLabel: 'Branch',
|
dataLabel: 'Branch',
|
||||||
|
cellTransforms: [breakWord],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: <IconProperty icon={<StreamIcon />} value="Pipeline" />,
|
title: <IconProperty icon={<StreamIcon />} value="Pipeline" />,
|
||||||
|
@ -74,6 +80,8 @@ function BuildTable({
|
||||||
{
|
{
|
||||||
title: <IconProperty icon={<CodeIcon />} value="Change" />,
|
title: <IconProperty icon={<CodeIcon />} value="Change" />,
|
||||||
dataLabel: 'Change',
|
dataLabel: 'Change',
|
||||||
|
transforms: [cellWidth(10)],
|
||||||
|
cellTransforms: [truncate],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: <IconProperty icon={<OutlinedClockIcon />} value="Duration" />,
|
title: <IconProperty icon={<OutlinedClockIcon />} value="Duration" />,
|
||||||
|
|
|
@ -37,6 +37,9 @@ import {
|
||||||
TableHeader,
|
TableHeader,
|
||||||
TableBody,
|
TableBody,
|
||||||
TableVariant,
|
TableVariant,
|
||||||
|
truncate,
|
||||||
|
breakWord,
|
||||||
|
cellWidth,
|
||||||
} from '@patternfly/react-table'
|
} from '@patternfly/react-table'
|
||||||
|
|
||||||
import { BuildResult, BuildResultWithIcon, IconProperty } from './Misc'
|
import { BuildResult, BuildResultWithIcon, IconProperty } from './Misc'
|
||||||
|
@ -53,18 +56,23 @@ function BuildsetTable({
|
||||||
{
|
{
|
||||||
title: <IconProperty icon={<CubeIcon />} value="Project" />,
|
title: <IconProperty icon={<CubeIcon />} value="Project" />,
|
||||||
dataLabel: 'Project',
|
dataLabel: 'Project',
|
||||||
|
cellTransforms: [breakWord],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: <IconProperty icon={<CodeBranchIcon />} value="Branch" />,
|
title: <IconProperty icon={<CodeBranchIcon />} value="Branch" />,
|
||||||
dataLabel: 'Branch',
|
dataLabel: 'Branch',
|
||||||
|
cellTransforms: [breakWord],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: <IconProperty icon={<StreamIcon />} value="Pipeline" />,
|
title: <IconProperty icon={<StreamIcon />} value="Pipeline" />,
|
||||||
dataLabel: 'Pipeline',
|
dataLabel: 'Pipeline',
|
||||||
|
cellTransforms: [breakWord],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: <IconProperty icon={<CodeIcon />} value="Change" />,
|
title: <IconProperty icon={<CodeIcon />} value="Change" />,
|
||||||
dataLabel: 'Change',
|
dataLabel: 'Change',
|
||||||
|
transforms: [cellWidth(10)],
|
||||||
|
cellTransforms: [truncate],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: <IconProperty icon={<PollIcon />} value="Result" />,
|
title: <IconProperty icon={<PollIcon />} value="Result" />,
|
||||||
|
|
Loading…
Reference in New Issue