Sha256: 8b010af2a46e80dcbe5fc28bd58f920c7108a4577fa60c14f1b7d2d9fc9346e2
Contents?: true
Size: 1.87 KB
Versions: 22
Compression:
Stored size: 1.87 KB
Contents
export default class {
connect() {
$('.zpr-link').on('click', function() {
var modalDialog = $('#blacklight-modal .modal-dialog');
var modalContent = modalDialog.find('.modal-content')
modalDialog.removeClass('modal-lg')
modalDialog.addClass('modal-xl')
modalContent.html('<div id="osd-modal-container"></div>');
var controls = `<div class="controls d-flex justify-content-center justify-content-md-end">
<div class="custom-close-controls pr-3 pe-3 pt-3">
<button type="button" class="btn btn-dark" data-dismiss="modal" data-bs-dismiss="modal" aria-hidden="true">${Spotlight.ZprLinks.close}</button>
</div>
<div class="zoom-controls mb-3 mr-md-3 me-md-3">
<button id="osd-zoom-in" type="button" class="btn btn-dark">${Spotlight.ZprLinks.zoomIn}</button>
<button id="osd-zoom-out" type="button" class="btn btn-dark">${Spotlight.ZprLinks.zoomOut}</button>
</div>
<div id="empty-div-required-by-osd"></div>
</div>`
$('#osd-modal-container').append('<div id="osd-div"></div>');
$('#osd-modal-container').append(controls);
$('#blacklight-modal').modal('show');
$('#blacklight-modal').one('hidden.bs.modal', function (event) {
modalDialog.removeClass('modal-xl')
modalDialog.addClass('modal-lg')
});
OpenSeadragon({
id: 'osd-div',
zoomInButton: "osd-zoom-in",
zoomOutButton: "osd-zoom-out",
// This is a hack where OpenSeadragon (if using mapped buttons) requires you
// to map all of the buttons.
homeButton: "empty-div-required-by-osd",
fullPageButton: "empty-div-required-by-osd",
nextButton: "empty-div-required-by-osd",
previousButton: "empty-div-required-by-osd",
tileSources: [$(this).data('iiif-tilesource')]
})
});
}
}
Version data entries
22 entries across 22 versions & 1 rubygems