7 changed files with 510 additions and 9 deletions
File diff suppressed because one or more lines are too long
@ -0,0 +1,10 @@
|
||||
main.js is the recompiled mirador library. It goes in web/libraries/mirador/dist/main.js |
||||
|
||||
To replicate this or modify the viewr library: |
||||
- clone https://github.com/roblib/mirador-integration-islandora/tree/main |
||||
- run 'npm install' |
||||
- 'settings.js' goes in 'mirador-integration-islandora/node_modules/mirador/dist/es/src/config' |
||||
- run 'npm run webpack' |
||||
- The output folder webpack/dist should now contain a file main.js which you can place in your drupal installation under [webroot]/libraries/mirador/dist. |
||||
- You can then go to /admin/config/media/mirador and set it to use the local version after clearing your site's cache. |
||||
- |
||||
@ -0,0 +1,475 @@
|
||||
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); } |
||||
|
||||
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } |
||||
|
||||
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } |
||||
|
||||
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } |
||||
|
||||
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } |
||||
|
||||
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } |
||||
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } |
||||
|
||||
import { v4 as uuid } from 'uuid'; |
||||
export default { |
||||
state: {// slice: 'mirador' // Configure the top-level slice of state for mirador selectors
|
||||
}, |
||||
canvasNavigation: { |
||||
// Set the height and width of canvas thumbnails in the CanvasNavigation companion window
|
||||
height: 50, |
||||
width: 50 |
||||
}, |
||||
selectedTheme: 'light', |
||||
// dark also available
|
||||
themes: { |
||||
dark: { |
||||
palette: { |
||||
type: 'dark', |
||||
primary: { |
||||
main: '#4db6ac' |
||||
}, |
||||
secondary: { |
||||
main: '#4db6ac' |
||||
}, |
||||
shades: { |
||||
dark: '#000000', |
||||
main: '#424242', |
||||
light: '#616161' |
||||
} |
||||
} |
||||
}, |
||||
light: { |
||||
palette: { |
||||
type: 'light' |
||||
} |
||||
} |
||||
}, |
||||
theme: { |
||||
// Sets up a MaterialUI theme. See https://material-ui.com/customization/default-theme/
|
||||
palette: { |
||||
type: 'light', |
||||
primary: { |
||||
main: '#1967d2' // Controls the color of the Add button and current window indicator
|
||||
|
||||
}, |
||||
secondary: { |
||||
main: '#1967d2' // Controls the color of Selects and FormControls
|
||||
|
||||
}, |
||||
shades: { |
||||
// Shades that can be used to offset color areas of the Workspace / Window
|
||||
dark: '#eeeeee', |
||||
main: '#ffffff', |
||||
light: '#f5f5f5' |
||||
}, |
||||
error: { |
||||
main: '#b00020' |
||||
}, |
||||
notification: { |
||||
// Color used in MUI Badge dots
|
||||
main: '#ffa224' |
||||
}, |
||||
hitCounter: { |
||||
"default": '#bdbdbd' |
||||
}, |
||||
highlights: { |
||||
primary: '#ffff00', |
||||
secondary: '#00BFFF' |
||||
}, |
||||
section_divider: 'rgba(0, 0, 0, 0.25)', |
||||
annotations: { |
||||
hidden: { |
||||
globalAlpha: 0 |
||||
}, |
||||
"default": { |
||||
strokeStyle: '#00BFFF', |
||||
globalAlpha: 1 |
||||
}, |
||||
hovered: { |
||||
strokeStyle: '#BF00FF', |
||||
globalAlpha: 1 |
||||
}, |
||||
selected: { |
||||
strokeStyle: '#ffff00', |
||||
globalAlpha: 1 |
||||
} |
||||
}, |
||||
search: { |
||||
"default": { |
||||
fillStyle: '#00BFFF', |
||||
globalAlpha: 0.3 |
||||
}, |
||||
hovered: { |
||||
fillStyle: '#00FFFF', |
||||
globalAlpha: 0.3 |
||||
}, |
||||
selected: { |
||||
fillStyle: '#ffff00', |
||||
globalAlpha: 0.3 |
||||
} |
||||
} |
||||
}, |
||||
typography: { |
||||
body1: { |
||||
fontSize: "1rem", |
||||
letterSpacing: "0em", |
||||
lineHeight: "1.6em" |
||||
}, |
||||
body2: { |
||||
fontSize: "0.878rem", |
||||
letterSpacing: "0.015em", |
||||
lineHeight: "1.6em" |
||||
}, |
||||
button: { |
||||
fontSize: "0.878rem", |
||||
letterSpacing: "0.09em", |
||||
lineHeight: "2.25rem", |
||||
textTransform: "uppercase" |
||||
}, |
||||
caption: { |
||||
fontSize: "0.772rem", |
||||
letterSpacing: "0.033em", |
||||
lineHeight: "1.6rem" |
||||
}, |
||||
body1Next: { |
||||
fontSize: "1rem", |
||||
letterSpacing: "0em", |
||||
lineHeight: "1.6em" |
||||
}, |
||||
body2Next: { |
||||
fontSize: "0.878rem", |
||||
letterSpacing: "0.015em", |
||||
lineHeight: "1.6em" |
||||
}, |
||||
buttonNext: { |
||||
fontSize: "0.878rem", |
||||
letterSpacing: "0.09em", |
||||
lineHeight: "2.25rem" |
||||
}, |
||||
captionNext: { |
||||
fontSize: "0.772rem", |
||||
letterSpacing: "0.33em", |
||||
lineHeight: "1.6rem" |
||||
}, |
||||
overline: { |
||||
fontSize: "0.678rem", |
||||
fontWeight: 500, |
||||
letterSpacing: "0.166em", |
||||
lineHeight: "2em", |
||||
textTransform: "uppercase" |
||||
}, |
||||
h1: { |
||||
fontSize: "2.822rem", |
||||
letterSpacing: "-0.015em", |
||||
lineHeight: "1.2em" |
||||
}, |
||||
h2: { |
||||
fontSize: "1.575rem", |
||||
letterSpacing: "0em", |
||||
lineHeight: "1.33em" |
||||
}, |
||||
h3: { |
||||
fontSize: "1.383rem", |
||||
fontWeight: 300, |
||||
letterSpacing: "0em", |
||||
lineHeight: "1.33em" |
||||
}, |
||||
h4: { |
||||
fontSize: "1.215rem", |
||||
letterSpacing: "0.007em", |
||||
lineHeight: "1.45em" |
||||
}, |
||||
h5: { |
||||
fontSize: "1.138rem", |
||||
letterSpacing: "0.005em", |
||||
lineHeight: "1.55em" |
||||
}, |
||||
h6: { |
||||
fontSize: "1.067rem", |
||||
fontWeight: 400, |
||||
letterSpacing: "0.01em", |
||||
lineHeight: "1.6em" |
||||
}, |
||||
subtitle1: { |
||||
fontSize: "0.937rem", |
||||
letterSpacing: "0.015em", |
||||
lineHeight: "1.6em", |
||||
fontWeight: 300 |
||||
}, |
||||
subtitle2: { |
||||
fontSize: "0.878rem", |
||||
fontWeight: 500, |
||||
letterSpacing: "0.02em", |
||||
lineHeight: "1.75em" |
||||
}, |
||||
useNextVariants: true // set so that console deprecation warning is removed
|
||||
|
||||
}, |
||||
overrides: { |
||||
MuiListSubheader: { |
||||
root: { |
||||
'&[role="presentation"]:focus': { |
||||
outline: 0 |
||||
} |
||||
} |
||||
}, |
||||
MuiTooltip: { |
||||
// Overridden from https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tooltip/Tooltip.js#L40-L70
|
||||
tooltipPlacementLeft: _defineProperty({}, '@media (min-width:600px)', { |
||||
margin: 0 |
||||
}), |
||||
tooltipPlacementRight: _defineProperty({}, '@media (min-width:600px)', { |
||||
margin: 0 |
||||
}), |
||||
tooltipPlacementTop: _defineProperty({}, '@media (min-width:600px)', { |
||||
margin: 0 |
||||
}), |
||||
tooltipPlacementBottom: _defineProperty({}, '@media (min-width:600px)', { |
||||
margin: 0 |
||||
}) |
||||
}, |
||||
MuiTouchRipple: { |
||||
childPulsate: { |
||||
animation: 'none' |
||||
}, |
||||
rippleVisible: { |
||||
animation: 'none' |
||||
} |
||||
} |
||||
}, |
||||
props: { |
||||
MuiButtonBase: { |
||||
disableTouchRipple: true |
||||
}, |
||||
MuiLink: { |
||||
underline: 'always' |
||||
} |
||||
} |
||||
}, |
||||
language: 'en', |
||||
// The default language set in the application
|
||||
availableLanguages: { |
||||
// All the languages available in the language switcher
|
||||
ar: 'العربية', |
||||
de: 'Deutsch', |
||||
en: 'English', |
||||
fr: 'Français', |
||||
ja: '日本語', |
||||
kr: '한국어', |
||||
lt: 'Lietuvių', |
||||
nl: 'Nederlands', |
||||
'nb-NO': 'Norwegian Bokmål', |
||||
pl: 'Polski', |
||||
'pt-BR': 'Português do Brasil', |
||||
vi: 'Tiếng Việt', |
||||
'zh-CN': '中文(简体)', |
||||
'zh-TW': '中文(繁體)', |
||||
it: "Italiano", |
||||
sr: 'Српски', |
||||
sv: 'Svenska' |
||||
}, |
||||
annotations: { |
||||
htmlSanitizationRuleSet: 'iiif', |
||||
// See src/lib/htmlRules.js for acceptable values
|
||||
filteredMotivations: ['oa:commenting', 'oa:tagging', 'sc:painting', 'commenting', 'tagging'] |
||||
}, |
||||
createGenerateClassNameOptions: { |
||||
// Options passed directly to createGenerateClassName in Material-UI https://material-ui.com/styles/api/#creategenerateclassname-options-class-name-generator
|
||||
productionPrefix: 'mirador' |
||||
}, |
||||
requests: { |
||||
preprocessors: [// Functions that receive HTTP requests and manipulate them (e.g. to add headers)
|
||||
// (url, options) => (url.match('info.json') && { ...options, myCustomThing: 'blah' })
|
||||
], |
||||
postprocessors: [// Functions that receive HTTP responses and manipulates them before adding to store
|
||||
// An example of manipulating the response for an annotation request
|
||||
// (url, action) => {
|
||||
// if (action.annotationId) {
|
||||
// action.annotationJson = {};
|
||||
// }
|
||||
// }
|
||||
] |
||||
}, |
||||
translations: {// Translations can be added to inject new languages or override existing labels
|
||||
}, |
||||
window: { |
||||
//global window defaults
|
||||
allowClose: false, |
||||
// Configure if windows can be closed or not
|
||||
allowFullscreen: false, |
||||
// Configure to show a "fullscreen" button in the WindowTopBar
|
||||
allowMaximize: false, |
||||
// Configure if windows can be maximized or not
|
||||
allowTopMenuButton: false, |
||||
// Configure if window view and thumbnail display menu are visible or not
|
||||
allowWindowSideBar: true, |
||||
// Configure if side bar menu is visible or not
|
||||
authNewWindowCenter: 'parent', |
||||
// Configure how to center a new window created by the authentication flow. Options: parent, screen
|
||||
sideBarPanel: 'search', |
||||
// Configure which sidebar is selected by default. Options: info, attribution, canvas, annotations, search
|
||||
defaultSidebarPanelHeight: 201, |
||||
// Configure default sidebar height in pixels
|
||||
defaultSidebarPanelWidth: 235, |
||||
// Configure default sidebar width in pixels
|
||||
defaultView: 'single', |
||||
// Configure which viewing mode (e.g. single, book, gallery) for windows to be opened in
|
||||
forceDrawAnnotations: false, |
||||
hideWindowTitle: true, |
||||
// Configure if the window title is shown in the window title bar or not
|
||||
highlightAllAnnotations: false, |
||||
// Configure whether to display annotations on the canvas by default
|
||||
showLocalePicker: false, |
||||
// Configure locale picker for multi-lingual metadata
|
||||
sideBarOpen: true, |
||||
// Configure if the sidebar (and its content panel) is open by default
|
||||
switchCanvasOnSearch: true, |
||||
// Configure if Mirador should automatically switch to the canvas of the first search result
|
||||
panels: { |
||||
// Configure which panels are visible in WindowSideBarButtons
|
||||
info: false, |
||||
attribution: false, |
||||
canvas: false, |
||||
annotations: false, |
||||
search: true, |
||||
layers: false |
||||
}, |
||||
views: [{ |
||||
key: 'single', |
||||
behaviors: ['individuals'] |
||||
}, { |
||||
key: 'book', |
||||
behaviors: ['paged'] |
||||
}, { |
||||
key: 'scroll', |
||||
behaviors: ['continuous'] |
||||
}, { |
||||
key: 'gallery' |
||||
}], |
||||
elastic: { |
||||
height: 400, |
||||
width: 480 |
||||
} |
||||
}, |
||||
windows: [// Array of windows to be open when mirador initializes (each object should at least provide a manifestId key with the value of the IIIF presentation manifest to load)
|
||||
|
||||
/** |
||||
Example Window: |
||||
{ |
||||
manifestId: 'https://iiif.harvardartmuseums.org/manifests/object/299843', |
||||
canvasId: 'https://iiif.harvardartmuseums.org/manifests/object/299843/page_2', |
||||
thumbnailNavigationPosition: 'far-bottom', |
||||
} |
||||
// ../state/actions/window.js `defaultOptions`
|
||||
// ../lib/MiradorViewer.js `windowAction`
|
||||
*/ |
||||
], |
||||
thumbnails: { |
||||
preferredFormats: ['jpg', 'png', 'webp', 'tif'] |
||||
}, |
||||
thumbnailNavigation: { |
||||
defaultPosition: 'off', |
||||
// Which position for the thumbnail navigation to be be displayed. Other possible values are "far-bottom" or "far-right"
|
||||
displaySettings: true, |
||||
// Display the settings for this in WindowTopMenu
|
||||
height: 130, |
||||
// height of entire ThumbnailNavigation area when position is "far-bottom"
|
||||
width: 100 // width of one canvas (doubled for book view) in ThumbnailNavigation area when position is "far-right"
|
||||
|
||||
}, |
||||
workspace: { |
||||
draggingEnabled: true, |
||||
allowNewWindows: true, |
||||
id: uuid(), |
||||
isWorkspaceAddVisible: false, |
||||
// Catalog/Workspace add window feature visible by default
|
||||
exposeModeOn: false, |
||||
// unused?
|
||||
height: 5000, |
||||
// height of the elastic mode's virtual canvas
|
||||
showZoomControls: false, |
||||
// Configure if zoom controls should be displayed by default
|
||||
type: 'mosaic', |
||||
// Which workspace type to load by default. Other possible values are "elastic". If "mosaic" or "elastic" are not selected no worksapce type will be used.
|
||||
viewportPosition: { |
||||
// center coordinates for the elastic mode workspace
|
||||
x: 0, |
||||
y: 0 |
||||
}, |
||||
width: 5000 // width of the elastic mode's virtual canvas
|
||||
|
||||
}, |
||||
workspaceControlPanel: { |
||||
enabled: false // Configure if the control panel should be rendered. Useful if you want to lock the viewer down to only the configured manifests
|
||||
|
||||
}, |
||||
galleryView: { |
||||
height: 120, |
||||
// height of gallery view thumbnails
|
||||
width: null // width of gallery view thumbnails (or null, to auto-calculate an aspect-ratio appropriate size)
|
||||
|
||||
}, |
||||
osdConfig: { |
||||
// Default config used for OpenSeadragon
|
||||
alwaysBlend: false, |
||||
blendTime: 0.1, |
||||
preserveImageSizeOnResize: true, |
||||
preserveViewport: true, |
||||
showNavigationControl: false |
||||
}, |
||||
"export": { |
||||
catalog: true, |
||||
companionWindows: true, |
||||
config: true, |
||||
elasticLayout: true, |
||||
layers: true, |
||||
// filter out anything re-retrievable:
|
||||
manifests: { |
||||
filter: function filter(_ref) { |
||||
var _ref2 = _slicedToArray(_ref, 2), |
||||
id = _ref2[0], |
||||
value = _ref2[1]; |
||||
|
||||
return !id.startsWith('http'); |
||||
} |
||||
}, |
||||
viewers: true, |
||||
windows: true, |
||||
workspace: true |
||||
}, |
||||
audioOptions: { |
||||
// Additional props passed to <audio> element
|
||||
controls: true, |
||||
crossOrigin: 'anonymous' |
||||
}, |
||||
videoOptions: { |
||||
// Additional props passed to <audio> element
|
||||
controls: true, |
||||
crossOrigin: 'anonymous' |
||||
}, |
||||
auth: { |
||||
serviceProfiles: [{ |
||||
profile: 'http://iiif.io/api/auth/1/external', |
||||
external: true |
||||
}, { |
||||
profile: 'http://iiif.io/api/auth/1/kiosk', |
||||
kiosk: true |
||||
}, { |
||||
profile: 'http://iiif.io/api/auth/1/clickthrough' |
||||
}, { |
||||
profile: 'http://iiif.io/api/auth/1/login' |
||||
}, { |
||||
profile: 'http://iiif.io/api/auth/0/external', |
||||
external: true |
||||
}, { |
||||
profile: 'http://iiif.io/api/auth/0/kiosk', |
||||
kiosk: true |
||||
}, { |
||||
profile: 'http://iiif.io/api/auth/0/clickthrough' |
||||
}, { |
||||
profile: 'http://iiif.io/api/auth/0/login' |
||||
}] |
||||
} |
||||
}; |
||||
@ -0,0 +1,14 @@
|
||||
|
||||
jQuery( window ).on( "load", function() { |
||||
console.log( "window loaded" ); |
||||
jQuery(".mirador31").css({"display": "none", "transform": "translateX(0px)", "visibility": "hidden"}); |
||||
jQuery("button.mirador34").attr({"aria-expanded": "false", "aria-label": "Expand sidebar", "title": "Expand sidebar"}); |
||||
jQuery("button.MuiButtonBase-root.MuiTab-root.mirador26 svg").css({"font-size": "2.7em", "margin-top": "21px"}); |
||||
|
||||
jQuery(".mirador34").click(); |
||||
|
||||
//jQuery(".mirador104").click();
|
||||
// jQuery('.mirador104 button.MuiButtonBase-root.MuiIconButton-root').trigger('click');
|
||||
|
||||
}); |
||||
|
||||
Loading…
Reference in new issue