Cartographer App User and Technical Documentation
Home
User Docs
Technical Docs
Home
User Docs
Technical Docs
  • User Documentation
    • Introduction
    • Getting Started
    • User Interface
    • Actions
  • Technical Documentation
    • GitHub Authentication
    • Components

      • AppFooter Component
      • AppHeader Component
      • AppSidebar Component
      • ContentPreviewMdiv Component
      • Content Preview Measure
      • Content Preview Pane
      • ImageMismatchModal Component
      • ImageSelection Modal
      • LoadGitModal Component
      • LoadIIIFModal Component
      • LoadLocalImage Component
      • LoadXMLModal Component
      • MainMenu Component
      • MeasureModal Component
      • MdivModal Component
      • OsdComponent Component
      • PageImportModal Component
      • PagesListEntry Component
      • PagesModal Component
      • Vuex Store (src/store/index.js)
    • Store
      • Vuex Store (src/store/index.js)
    • Tools
      • IIIF Tools (src/tools/iiif.js)
      • MEI Mapping Tools (src/tools/meiMappings.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 (read-only getter from Vuex store)
urlManifest URL, two-way synced with Vuex store

Methods

NameDescription
openManifestHides the modal and dispatches actions to load the manifest

Example

<ImageSelectionModal />
Prev
ImageMismatchModal Component
Next
LoadGitModal Component