A better UI for the nested docs plugin

[sriechersrc]

Hi everyone,

at the moment it is hard to see relations between nested docs. It would be really nice to have visual groups in the admin panel, so pages like "/blog/my-first-blog-post", "/blog/my-second-blog-post", "/blog/my-second-blog-post/recommendations" are also visually nested under the first parent, in this case "blog".

Thank you for building such a nice product! Really pleased how v3 is coming along!

[andershermansen]

A suggestion here is to add a new readonly field in the collection which contains the full slug (based on the breadcrumb created by the nested docs plugin):

        {
            name: 'fullslug',
            label: 'Full Slug',
            type: 'text',
            admin: {
                readOnly: true,
            },
            hooks: {
                beforeChange: [
                    ({ data }) => {
                        return data.breadcrumbs[data.breadcrumbs.length - 1].url;
                    },
                ],
            }
        },

Then you can order by this field in the overview.

You don't get fully nested nice UI. So I understand this is not fully what you are after, but you get a bit better overview.

[sriechersrc]

@andershermansen this already helped quiet a lot, thanks!

[Twansparant]

Yes, this would be a massive improvement!
Being able to see the hierarchy in the collection list view would be awesome 👍