Page area SIDEBAR

The SIDEBAR Component has a handle for toggling the sidebar.

The SIDEBAR Component is either a

• Filterbar with a set of filters (list view)
• Detailbar with common components for each model (detail view)
• Menubar with tab submenu on a model detail route (detail view)

SIDEBAR FILTERBAR

<Sidebar>
  <SidebarHeader />
  <SidebarFilter>
    <FilterStatus />
    <FilterCategory />
    <FilterTags />
    <FilterDate />
    <FilterMedia />
    <FilterMenu />
    <FilterCustom />
  </SidebarFilter>
</Sidebar>

• Status shows status icons with multi select and toggle
• Category shows a tree with checkboxes of the selected category. The entry root (entryRoot) for the category shown can be passed
• Tags shows a chip input field for tags with suggestions. The tag type (tagType external/internal) can be passed
• Date shows a date range calendar selector. The type (single/range) and the field (createdAt, updatedAt, hotDates) can be selected
• Media is a predefined media filter. It has a color range picker (and other predefined media filters).
• Menu shows the menus for websites. Selecting a menu shows the pages assigned to that menu. This component has additional functions for creating and editing menus. It only appears at website views.
• Custom shows (predominantly boolean) filters for gaining overview/productivity. E.g. „not translated pages“, „products without price“, etc. the filter definitions are predefined (model/field/value).

SIDEBAR DETAILBAR

The SIDEBAR DETAILBAR only appears on page detail views. The DETAILBAR changes within the navigation of a page detail:

• overview: on page detail overview the main image (additional icon) of the model and the SEO component is shown:

<Sidebar>
  <SidebarHeader />
  <DetailMainImage />
  <DetailMainIcon />
  <DetailSEO />
</Sidebar>

• content: on WYSIWYG editor pages the editor components are shown:

<Sidebar>
  <SidebarHeader />
  <Toolbox />
  <ToolboxPrimitives />
  <Layers />
</Sidebar>

SIDEBAR MENUBAR

The SIDEBAR MENUBAR only appears on page detail views. The DETAILBAR changes within the navigation of a page detail:

• taxonomy, connections, media show a submenu. Taxonomy with category fields and special schema type fields. Connections with the types of entities that can be related to the model and media with a filter for media types.

The SIDEBAR MENUBAR is strictly speaking a filter showing submenu views by selected type.