baha/skyline
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update columns function for image

Browse Source 
update getColumns function for image, then other class can better update the columns by inheritance class

Change-Id: I8c5387b4e03edfb5f94764a7bb7c60759962871e
This commit is contained in:
Jingwei.Zhang 2023-10-12 11:31:26 +08:00
parent c2a80fda7a
commit d56f8ea6ce
1 changed files with 71 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

140
src/pages/compute/containers/Image/Image.jsx
View File

@ -117,75 +117,77 @@ export class Image extends Base {
return 'owner';
}
getColumns = () => [
{
title: t('ID/Name'),
dataIndex: 'name',
routeName: this.getRouteName('imageDetail'),
},
{
title: t('Project ID/Name'),
dataIndex: 'project_name',
hidden: !this.isAdminPage && this.tab !== 'all',
sorter: false,
},
{
title: t('Description'),
dataIndex: 'description',
isHideable: true,
sorter: false,
},
{
title: t('Use Type'),
dataIndex: 'usage_type',
isHideable: true,
valueMap: imageUsage,
sorter: false,
},
{
title: t('Container Format'),
dataIndex: 'container_format',
valueMap: imageContainerFormats,
isHideable: true,
},
{
title: t('Type'),
dataIndex: 'os_distro',
isHideable: true,
render: (value) => <ImageType type={value} title={value} />,
width: 80,
sorter: false,
},
{
title: t('Status'),
dataIndex: 'status',
valueMap: imageStatus,
},
{
title: t('Visibility'),
dataIndex: 'visibility',
valueMap: imageVisibility,
sorter: false,
},
{
title: t('Disk Format'),
dataIndex: 'disk_format',
isHideable: true,
valueMap: imageFormats,
},
{
title: t('Size'),
dataIndex: 'size',
isHideable: true,
valueRender: 'formatSize',
},
{
title: t('Created At'),
dataIndex: 'created_at',
isHideable: true,
valueRender: 'sinceTime',
},
];
getColumns() {
return [
{
title: t('ID/Name'),
dataIndex: 'name',
routeName: this.getRouteName('imageDetail'),
},
{
title: t('Project ID/Name'),
dataIndex: 'project_name',
hidden: !this.isAdminPage && this.tab !== 'all',
sorter: false,
},
{
title: t('Description'),
dataIndex: 'description',
isHideable: true,
sorter: false,
},
{
title: t('Use Type'),
dataIndex: 'usage_type',
isHideable: true,
valueMap: imageUsage,
sorter: false,
},
{
title: t('Container Format'),
dataIndex: 'container_format',
valueMap: imageContainerFormats,
isHideable: true,
},
{
title: t('Type'),
dataIndex: 'os_distro',
isHideable: true,
render: (value) => <ImageType type={value} title={value} />,
width: 80,
sorter: false,
},
{
title: t('Status'),
dataIndex: 'status',
valueMap: imageStatus,
},
{
title: t('Visibility'),
dataIndex: 'visibility',
valueMap: imageVisibility,
sorter: false,
},
{
title: t('Disk Format'),
dataIndex: 'disk_format',
isHideable: true,
valueMap: imageFormats,
},
{
title: t('Size'),
dataIndex: 'size',
isHideable: true,
valueRender: 'formatSize',
},
{
title: t('Created At'),
dataIndex: 'created_at',
isHideable: true,
valueRender: 'sinceTime',
},
];
}
get searchFilters() {
const filters = [