Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Various API Filters not showing in the UI

未关闭
#626 1 条评论 1 个 reaction 已指派 0 人 在 GitHub 查看

@zolex 已经在做这个了。

开始于 2025年6月8日。

  • #629 来自 @zolex —— 未关闭

评估

难度
4/5
预计耗时
3-5 天
新手友好度
35/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
停滞
技术栈
react, typescript
领域
frontend

调研方向

使用提供的 Docker 和 Symfony 命令,在链接的 cee-jourlly 仓库中复现该问题,然后检查 HydraAdmin 过滤和排序 UI 的入口点。当 SearchFilter、OrderFilter 和 RangeFilter 的嵌套属性出现在 Add Filter 和 Active Filters 中,同时排序保留嵌套属性(例如 order=roaster.name)时,即表示完成。

由索引模型根据 Issue 内容生成。

描述

API Platform version(s) affected: v4.0.7

Description
Many of the available Filters in api-platform/core seem to not be properly supported by the PWA.

In my example, the following SearchFilter and OrderFilter attributes with nested properties are configured for the Coffee entity:

enter image description here

The backend part works as expected, so I can order and search by the given nested properties on the API itself. Also when I manually edit the respective query params in the HydraAdmin URL, it properly shows the searched and ordered results.

Here using beans.type=/bean_types/{id}
enter image description here

And here using beans.type.name={name}
enter image description here

The actual problem seems to be in the HydraAdmin so that it does not offer the nested properties in the "Add Filter" section and also it does not show it under "Active Filters".

A similar but a bit different problem happens for the OrderFilter with nested properties: When I manually set it in the query params it works, but when clicking on the roaster-order it sends order=roaster instead of order=roaster.name

enter image description here

Another broken case is the RangeFilter.

enter image description here

It passes the filter properly to the API but does not show it under add filters or active filters.

enter image description here

How to reproduce
use this repository: https://github.com/zolex/cee-jourlly

docker compose up
docker compose exec php bin/console doctrine:database:create --no-interaction
docker compose exec php bin/console doctrine:migrations:migrate --no-interaction
docker compose exec php bin/console hautelook:fixtures:load --no-interaction
主要语言
TypeScript
星标
515
派生
135
PR 合并指标
30 天内没有已合并 PR

环境准备

  • 提供 Dockerfile 或 Docker Compose 文件
  • 没有 Pull Request 模板
  • 阅读贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

api-platform/admin 的其他 Issue

查看 api-platform/admin 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。