Related #55083 #53322

What problem does this address?

As part of the admin track of work we want to start adopting some of the new UX paradigms within the site editor index views.

Pages and templates within the site editor currently drill-down the navigation sidebar showing a list of records, but what we want to work towards is always using the "content frame" for lists, including the "side by side" layout type which lets you quickly preview posts before editing. This also solves the weird "manage pages" and "manage templates" links that currently exist. The goal of this work is bring those "manage" pages forward so they are visible when visiting /pages or /templates, much like /patterns.

Tasks

Site editor responsiveness

• Site editor responsiveness #60847

Replace current pages with manage pages

Replace the existing pages view that shows pages in sidebar and update with the "manage pages" view. For this piece of work we can keep the "custom views" as experimental.

Old

New

Criteria:

• Clicking "pages" in top level navigation opens pages data views with "side by side" layout type enabled by default. Site Editor: update index view for pages #59950
• Default views for pages include [All, Published, Draft, Scheduled, Utility, Trash] Pages sidebar: adds published & scheduled items #62021
• Pages: "Trash" view should default to table layout
• Include homepage in page lists when set to display latest posts #60772
• When a block theme is active, provide a link to edit the page template from the pages list #41716
• When in side by side layout, clicking an item previews in the frame on right.
• Clicking the frame expands into edit mode
• Each item in side by side has an "edit" icon that expands frame into edit mode
• Each item in side by side has an ellipsis icon that triggers page actions [Delete, rename, edit]
• When in table view, clicking a page title should open editor
• Mobile: show the content frame. Pages: display content frame in mobile when canvas is not edit #60409
• Pages data view: Update title field so that homepage and posts page are marked with a badge #57763

Replace current templates with manage pages

Much like pages, we want to do the same for templates.

Old

New

Criteria:

• Clicking "templates" in top level navigation opens templates data views with "grid" layout type enabled by default. Site Editor: update index page for templates #59792
• Use grid layout by default with loading indicator. Index view for Templates & Parts: use grid layout as default #60069
• Clicking template name in table view opens editor
• Custom views for templates include default views [All, pages, posts, utility, custom] Templates: add postTypes and isCustom fields & filters #62075
• When in side by side layout, clicking an item previews in the frame on right.
• Clicking the frame expands into edit mode
• Each item in side by side has an "edit" icon that expands frame into edit mode
• Each item in side by side has an ellipsis icon that triggers templates actions

Updates patterns to remove template parts management

The current patterns page makes use of the new data views but we still have a "manage template parts" link. We should aim to remove that link and bring the missing functionality over to the patterns view.

Criteria:

• Clicking patterns in top level opens current patterns page
• The template parts group that currently sits below pattern categories should be moved to the top Patterns: remove "Template parts" sidebar group #60359
• "Manage template parts" link should go away Patterns: remove "Manage all parts" page & link #60689
  • Template parts: set backpath to patterns page #60667
  • Patterns page: add edit & view revision actions to parts #60659
  • Template parts in patterns page: add author field #60372
  • Patterns: add a "All Template Parts" section #60775
• "Manage all my patterns" should go away Patterns: remove manage all of my patterns link #60345
• "Table" layout type should be added to patterns data views Patterns page: enable table layout #60337
  • Data views: Add 'Edit' action to editable patterns #61245
• Clicking a pattern in table view should open editor Patterns page: enable table layout #60337
• Consolidate Patterns & Template Parts categories (comment):
  • "All patterns" view should include template parts (probably the most challenging part).
  • The separate menus should ideally converge (mockup).
  • We need to settle on a more intuitive name for the "General" category.
  • Align or differentiate the "Header" + "Headers" categories.
  • Update the creation flow (mockup).