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)

ImageSelection Modal

Displays a modal dialog for selecting or entering an image manifest URL.


Overview

The ImageSelectionModal component:

  • Shows a modal dialog (currently a placeholder) for the user to input or select a manifest URL.
  • Uses the Vuex store to control modal visibility and manage the manifest URL.
  • On confirmation, triggers actions to load the manifest.

Layout

  • Modal: (Currently a placeholder <div v-if="visible">Hello</div>)
  • (Commented): Modal with header, body, input for URL, and confirmation button.

Props

None


Computed Properties

NameDescription
visibleModal visibility, synced with Vuex store
urlManifest URL, synced with Vuex store

Methods

NameDescription
openManifestHides the modal and dispatches actions to load the manifest

Example

<ImageSelectionModal />
Prev
Content Preview Pane
Next
LoadGitModal Component