Cartographer User and Technical Documentation
Home
User Docs
Technical Docs
Home
User Docs
Technical Docs
  • User Documentation
    • Introduction
    • Cartographer App
    • User Interface
    • Actions
  • Technical Documentation
    • Components

      • AppFooter Component
      • AppHeader Component
      • AppSidebar Component
      • ContentPreviewMdiv Component
      • Content Preview Measure
      • Content Preview Pane
      • ImageSelection Modal
      • LoadGitModal Component
      • LoadIIIFModal Component
      • LoadXMLModal Component
      • MainMenu Component
      • MeasureModal Component
      • MdivModal Component
      • OsdComponent Component
      • PageImportModal Component
      • PagesListEntry Component
      • PagesModal Component
    • Store
      • Vuex Store (src/store/index.js)
    • Tools
      • IIIF Tools (src/tools/iiif.js)
      • MEI Mapping Tools (src/tools/meimapping.js)

Content Preview Pane

Displays a pane with previews of all musical divisions (mdivs), each rendered using the ContentPreviewMdiv component.


Overview

The ContentPreviewPane component:

  • Shows a scrollable pane on the right side of the app
  • Renders a ContentPreviewMdiv component for each mdiv (musical division)
  • Is only visible when the measure list is enabled (showMeasureList is true in the store)

Layout

  • Pane: Fixed width, scrollable, right-aligned
  • Content: One ContentPreviewMdiv per mdiv

Props

None


Computed Properties

NameDescription
mdivsReturns all mdivs (musical divisions) from the store
visibleDetermines if the pane should be visible

Methods

None


Example

<ContentPreviewPane />
Prev
Content Preview Measure
Next
ImageSelection Modal