Skip to content

#12826: Add new card layout support to the Resources Catalog - #12836

Open
dsuren1 wants to merge 6 commits into
geosolutions-it:masterfrom
dsuren1:#12826_card
Open

dsuren1 wants to merge 6 commits into
geosolutions-it:masterfrom
dsuren1:#12826_card

Conversation

@dsuren1

@dsuren1 dsuren1 commented Aug 27, 2026

Copy link
Copy Markdown
Contributor

Description

This PR adds a new card layout support to Resources Catalog.

  • Renamed existing layout of list to table
  • New layout is called list

Please check if the PR fulfills these requirements

What kind of change does this PR introduce? (check one with "x", remove the others)

  • Enhancement

Issue

What is the current behavior?

What is the new behavior?

The new configurations supported are

  • cardLayoutStyles - array of card layout styles to support/show. Default is ['grid', 'list', 'table']
  • hideThumbnail - if true or { grid: true, list: true} hides the thumbnail on the card for all or specific layout styles
  • metadata.list - new layout support for resource catalog

image

With description
image

Sample cfg

{
  "metadata": {
    "list": [
      {
        "path": "name",
        "target": "header"
      },
      {
        "path": "creator",
        "target": "footer",
        "filter": "filter{creator.in}",
        "icon": {
          "glyph": "user"
        },
        "labelId": "resourcesCatalog.columnCreatedBy",
        "noDataLabelId": "resourcesCatalog.emptyUnknown",
        "disableIf": "{!state('userrole')}"
      },
      {
        "path": "tags",
        "filter": "filter{tag.in}",
        "itemValue": "name",
        "itemColor": "color",
        "type": "tag",
        "noDataLabelId": "resourcesCatalog.emptyNA",
        "labelId": "resourcesCatalog.columnTags"
      },
      {
        "path": "description",
        "target": "description"
      },
      {
        "items": [
          {
            "type": "text",
            "labelId": "resourcesCatalog.columnCreated"
          },
          {
            "path": "creation",
            "type": "date",
            "format": "MMMM D, YYYY"
          }
        ]
      },
      {
        "items": [
          {
            "type": "text",
            "labelId": "Edited by"
          },
          {
            "path": "editor",
            "filter": "filter{creator.in}"
          },
          {
            "icon": {
              "glyph": "user"
            }
          }
        ]
      }
    ]
  }
}

Breaking change

Does this PR introduce a breaking change? (check one with "x", remove the other)

  • Yes, and I documented them in migration notes
  • No

Other useful information

@dsuren1 dsuren1 added this to the 2026.03.00 milestone Aug 27, 2026
@dsuren1
dsuren1 requested a review from allyoucanmap August 27, 2026 07:06
@cla-bot cla-bot Bot added the CLA Ready label Aug 27, 2026
@dsuren1 dsuren1 linked an issue Aug 27, 2026 that may be closed by this pull request
3 tasks

@allyoucanmap allyoucanmap left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Additional changes:

  • The change name from list to table needs to be documented in the migration guide
  • The default implementation should support all three types of layout, at the moment the new type is not visible. Please update the default configuration to support the new card layout
Image
  • Replace the cycle click with a drop down menu
Image
  • Replace the table icon with this new one table.zip

Comment thread web/client/components/catalog/resources/ResourceCard.jsx Outdated
Comment thread web/client/plugins/ResourcesCatalog/containers/ResourcesGrid.jsx Outdated
Comment thread web/client/plugins/ResourcesCatalog/ResourcesGrid.jsx Outdated
Comment thread web/client/components/catalog/resources/ResourceCard.jsx Outdated
Comment thread web/client/components/catalog/resources/ResourceCard.jsx Outdated
@dsuren1 dsuren1 self-assigned this Sep 16, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add new layout support to the Resources Catalog

2 participants