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)

PagesListEntry Component

Renders a table row for a single page entry in the pages list.


Overview

The PagesListEntry component:

  • Displays the page number, editable label, thumbnail image, URI, and dimensions.
  • Allows editing the page label directly in the table.
  • Clicking the thumbnail sets the current page and closes the modal.
  • Uses Vuex store for state management and actions.

Layout

  • Table Row:
    • Page number (page.n)
    • Editable label (page.label)
    • Thumbnail image (clickable)
    • Page URI
    • Page dimensions

Props

NameTypeDescription
pageObjectThe page object to display
indexNumberThe index of the page in the list

Computed Properties

NameDescription
pageLabelValueTwo-way binding for the page label input

Methods

NameDescription
showPageSets the current page and closes the pages modal

Example

<PagesListEntry :page="page" :index="index" />
Prev
PageImportModal Component
Next
PagesModal Component