Sulu CMS - 导航上下文的页面图标

Question

我想呈现一组可选择的图标，以便为每个页面选择一个图标。选择后，图标应在导航上下文数据中可用，例如通过 Sulu\HeadlessBundle：

{
    "_embedded": {
        "items": [
            {
                "id": "ffffffff-ffff-ffff-ffff-fffffffffff",
                "uuid": "ffffffff-ffff-ffff-ffff-fffffffffff",
                "nodeType": 1,
                "changed": "2000-01-01T12:00:00",
                "changer": 1,
                "created": "2022-01-01T12:00:01",
                "publishedState": true,
                "published": "2000-01-01T12:00:01",
                "creator": 1,
                "title": "Foo",
                "locale": "de",
                "webspaceKey": "bar",
                "template": "default",
                "parent": "eeeeeeee-eeee-eeee-eeee-eeeeeeeeeeee",
                "url": "/foo",
                "urls": {
                    "de": "/foo"
                },
                "author": "1",
                "authored": "2000-01-01T12:00:00",
                "order": 20,
                "children": [],
                "nav_icon": {} // Either a Media entity from a system collection, or just a filename to reference the icon with
            }
        ]
    }
}

我知道可以将图标存储为媒体数据，然后通过页面摘录数据，但我不希望我的用户随意上传和选择图标。根据我自己的研究猜测，我也不能将 single_media_selection 限制为系统集合，更不用说摘录选项卡中的图标选择了。

我的任务有方法吗？我尝试添加 UI 选项卡到页面编辑表单，但我似乎无法扩展实际的结构数据，以便序列化图标信息。

Answer 1

我设计了一个利用 Symfony 内核侦听器的解决方案。由于我只需要顶级导航项来显示图标，因此我连接到 kernel.response 并迭代响应内容，获取每个顶级页面的文档信息并提取我已经使用 Sulu Cookbook< 构建的相关扩展数据/a>.

<?php declare(strict_types=1);

namespace App\EventListener;

use Sulu\Component\DocumentManager\DocumentManagerInterface;
use Sulu\Component\DocumentManager\Exception\DocumentManagerException;
use Symfony\Component\HttpKernel\Event\ResponseEvent;

class NavigationListener
{
    public function __construct(private DocumentManagerInterface $documentManager)
    {
    }

    public function onKernelResponse(ResponseEvent $event): void
    {
        $request = $event->getRequest();
        if ($request->attributes->get('_route') !== 'sulu_headless.api.navigation') {
            return;
        }
        $responseObj = json_decode($event->getResponse()->getContent(), true);
        foreach ($responseObj['_embedded']['items'] as &$item) {
            $uuid = $item['uuid'];
            $doc = $this->documentManager->find($uuid);
            $documentExtension = $doc->getExtensionsData()->toArray();
            if (isset($documentExtension['navigation'])) {
                $item['navigationIcon'] = $documentExtension['navigation']['icon'];
            }
        }
        $event->getResponse()->setContent(json_encode($responseObj, JSON_PRETTY_PRINT));
    }
}

从长远来看，将扩展加载信息传递给 HeadlessBundle 会很有趣。