hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

allow to hide/show catalog list columns (#3098)

Browse Source 
Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
This commit is contained in:
Jari Kolehmainen 2021-06-18 12:03:59 +03:00 committed by GitHub
parent b256475044
commit df2aaa4c85
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/renderer/components/+catalog/catalog.tsx
View File

@ -181,11 +181,13 @@ export class Catalog extends React.Component<Props> {
renderSingleCategoryList() { renderSingleCategoryList() {
return ( return (
<ItemListLayout <ItemListLayout
renderHeaderTitle={this.catalogEntityStore.activeCategory?.metadata.name ?? "Browse All"} key={this.catalogEntityStore.activeCategory.getId()}
tableId={`catalog-items-${this.catalogEntityStore.activeCategory?.metadata.name.replace(" ", "")}`}
renderHeaderTitle={this.catalogEntityStore.activeCategory?.metadata.name}
isSelectable={false} isSelectable={false}
isConfigurable={true}
className="CatalogItemList" className="CatalogItemList"
store={this.catalogEntityStore} store={this.catalogEntityStore}
tableId="catalog-items"
sortingCallbacks={{ sortingCallbacks={{
[sortBy.name]: (item: CatalogEntityItem<CatalogEntity>) => item.name, [sortBy.name]: (item: CatalogEntityItem<CatalogEntity>) => item.name,
[sortBy.source]: (item: CatalogEntityItem<CatalogEntity>) => item.source, [sortBy.source]: (item: CatalogEntityItem<CatalogEntity>) => item.source,
@ -195,11 +197,11 @@ export class Catalog extends React.Component<Props> {
(entity: CatalogEntityItem<CatalogEntity>) => entity.searchFields, (entity: CatalogEntityItem<CatalogEntity>) => entity.searchFields,
]} ]}
renderTableHeader={[ renderTableHeader={[
{ title: "", className: css.iconCell }, { title: "", className: css.iconCell, id: "icon" },
{ title: "Name", className: css.nameCell, sortBy: sortBy.name }, { title: "Name", className: css.nameCell, sortBy: sortBy.name, id: "name" },
{ title: "Source", className: css.sourceCell, sortBy: sortBy.source }, { title: "Source", className: css.sourceCell, sortBy: sortBy.source, id: "source" },
{ title: "Labels", className: css.labelsCell }, { title: "Labels", className: css.labelsCell, id: "labels" },
{ title: "Status", className: css.statusCell, sortBy: sortBy.status }, { title: "Status", className: css.statusCell, sortBy: sortBy.status, id: "status" },
]} ]}
customizeTableRowProps={(item: CatalogEntityItem<CatalogEntity>) => ({ customizeTableRowProps={(item: CatalogEntityItem<CatalogEntity>) => ({
disabled: !item.enabled, disabled: !item.enabled,
@ -220,8 +222,10 @@ export class Catalog extends React.Component<Props> {
renderAllCategoriesList() { renderAllCategoriesList() {
return ( return (
<ItemListLayout <ItemListLayout
renderHeaderTitle={this.catalogEntityStore.activeCategory?.metadata.name ?? "Browse All"} key="all"
renderHeaderTitle={"Browse All"}
isSelectable={false} isSelectable={false}
isConfigurable={true}
className="CatalogItemList" className="CatalogItemList"
store={this.catalogEntityStore} store={this.catalogEntityStore}
tableId="catalog-items" tableId="catalog-items"
@ -235,12 +239,12 @@ export class Catalog extends React.Component<Props> {
(entity: CatalogEntityItem<CatalogEntity>) => entity.searchFields, (entity: CatalogEntityItem<CatalogEntity>) => entity.searchFields,
]} ]}
renderTableHeader={[ renderTableHeader={[
{ title: "", className: css.iconCell }, { title: "", className: css.iconCell, id: "icon" },
{ title: "Name", className: css.nameCell, sortBy: sortBy.name }, { title: "Name", className: css.nameCell, sortBy: sortBy.name, id: "name" },
{ title: "Kind", className: css.kindCell, sortBy: sortBy.kind }, { title: "Kind", className: css.kindCell, sortBy: sortBy.kind, id: "kind" },
{ title: "Source", className: css.sourceCell, sortBy: sortBy.source }, { title: "Source", className: css.sourceCell, sortBy: sortBy.source, id: "source" },
{ title: "Labels", className: css.labelsCell }, { title: "Labels", className: css.labelsCell, id: "labels" },
{ title: "Status", className: css.statusCell, sortBy: sortBy.status }, { title: "Status", className: css.statusCell, sortBy: sortBy.status, id: "status" },
]} ]}
customizeTableRowProps={(item: CatalogEntityItem<CatalogEntity>) => ({ customizeTableRowProps={(item: CatalogEntityItem<CatalogEntity>) => ({
disabled: !item.enabled, disabled: !item.enabled,