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)

ContentPreviewMdiv Component

Displays a preview section for a single musical division (mdiv), showing its label and all associated measures.


Overview

The ContentPreviewMdiv component:

  • Renders a preview for a single mdiv (musical division).
  • Displays the mdiv label as a heading.
  • Renders a ContentPreviewMeasure component for each measure in the mdiv.

Layout

  • Heading: The mdiv label is shown as a heading.
  • Measures: Each measure is rendered using the ContentPreviewMeasure component.

Props

NameTypeDescription
mdivObjectThe musical division object to preview

Computed Properties

NameDescription
measuresReturns all measures belonging to the current mdiv

Methods

None


Example

<ContentPreviewMdiv :mdiv="mdivObject" />
Prev
AppSidebar Component
Next
Content Preview Measure