Add Stackmap Link to Call Number Display in Catalog Tray

[kevinreiss]

User story

As a user I would like to know how to find an item that is located in an open stack using the Library's stackmap service.

Acceptance criteria

• Implement this with the "new" stackmap. Not active in production yet. Can be seen in catalog-staging or qa.
• For items in open stack locations (i.e. a place a non-staff user can go) the "Where to find it" link is displayed.
• Clicking the Where to Find It link brings you to the stackmap modal dialog displaying the item's location on a map.
• I can successfully use this feature with Voice Over in Safari.
• I have checked this feature using one of the following browser extensions and confirmed that it does not add any level A or level AA issues:
  • axe dev tools
  • Lighthouse
  • Wave

Implementation notes

We'll need to include the vendor's hosted javascript and css files in the application and mimic the html and css selectors the current links in the catalog are using in order for those to work without modication. Right now the "new" stackmap can seen using "Where to Find It" links in catalog-staging.

In order to show the link for the appropriate location you need to look at the holding location of the item and determine if it's eligible for mapping. There is logic in Orangelight.

[christinach]

See icon location

example icon class

[sandbergja]

Example Content Security Policy changes:

• Allow img-src self data in CSP #241
• Add honeybadger to content security policy connect-src #223

[rladdusaw]

The stackmap javascript file has a function called scrapeDom that locates specific parts of the dom and adds styles and elements to the dom. This method uses css classes that are unique to the catalog and will not work with other applications.

Some examples being scraped:

• .result-content-records
• .location-text
• li.holding-status:not(.sm-checked)

To use this feature in other applications we would want to have this script modified to look for a css selector that is unique to the stackmap so we can insert it into our code wherever we want to use it.

[kevinreiss]

Will follow-up with the vendor to see if we can make this adjustment.

[sandbergja]

@kevinreiss will be meeting with the vendor in a few weeks, to see if there's a more generic approach to using stackmaps integrations in multiple applications, as well as other topics.

[kevinreiss]

Meeting with vendor 4/24.