Loading plugins/mirador_viewer/max-mirador/MaxMirador.js +1 −1 File changed.Preview size limit exceeded, changes collapsed. Show changes plugins/mirador_viewer/mirador_viewer.js +29 −14 Original line number Diff line number Diff line //load thumbnails from IIIF server document.addEventListener("DOMContentLoaded", function () { let imgsIIIF = document.querySelectorAll('img.mirador-link'); //img with class mirador-link // document.addEventListener("DOMContentLoaded", function () { // let imgsIIIF = document.querySelectorAll('img.mirador-link'); //img with class mirador-link // // for (let e = 0, len = imgsIIIF.length; e < len; ++e) { // let currentId = imgsIIIF[e].id // getThumbnail(imgsIIIF[e].src).then((thumbnail) => { // let currentImg = document.getElementById(currentId) // currentImg.setAttribute("src", thumbnail) // }) // } // }) // // async function getThumbnail(url) { // const response = await fetch(url); // let manifest = await response.json(); // let thumbnail = manifest.thumbnail["@id"] // return thumbnail // } //import './max-mirador/MaxMirador2'; import {Plugin} from '../../core/ui/js/Plugin.js'; class MiradorViewer extends Plugin { constructor(name) { super(name); for (let e = 0, len = imgsIIIF.length; e < len; ++e) { let currentId = imgsIIIF[e].id getThumbnail(imgsIIIF[e].src).then((thumbnail) => { let currentImg = document.getElementById(currentId) currentImg.setAttribute("src", thumbnail) }) } }) async function getThumbnail(url) { const response = await fetch(url); let manifest = await response.json(); let thumbnail = manifest.thumbnail["@id"] return thumbnail showMirador(domElt) { MaxMirador.open({}) } } MAX.addPlugin(new MiradorViewer('mirador_viewer')); plugins/mirador_viewer/mirador_viewer.xqm +5 −3 Original line number Diff line number Diff line Loading @@ -18,12 +18,14 @@ declare %rest:path("/{$project}/mirador") function max.plugin.mirador:loadViewer($project, $link, $canvasId, $canvasIndex){ let $libJs := max.util:getRelativeRootPath($project)|| 'plugins/mirador_viewer/max-mirador/MaxMirador.js' let $options := map{ 'id':'mirador-viewer','windows': [map{'loadedManifest': $link,'canvasIndex': $canvasIndex, 'canvasId': $canvasId}]} let $htmlPage := <html> <head> <script type='text/javascript' src='{$libJs}'></script> </head> <body onload='MaxMirador.open("{$link}","{$canvasId}","{$canvasIndex}")'> <pre> </pre> <body onload='MaxMirador.open({json:serialize($options)})'> <div id='mirador-viewer'/> </body> </html> Loading Loading
plugins/mirador_viewer/max-mirador/MaxMirador.js +1 −1 File changed.Preview size limit exceeded, changes collapsed. Show changes
plugins/mirador_viewer/mirador_viewer.js +29 −14 Original line number Diff line number Diff line //load thumbnails from IIIF server document.addEventListener("DOMContentLoaded", function () { let imgsIIIF = document.querySelectorAll('img.mirador-link'); //img with class mirador-link // document.addEventListener("DOMContentLoaded", function () { // let imgsIIIF = document.querySelectorAll('img.mirador-link'); //img with class mirador-link // // for (let e = 0, len = imgsIIIF.length; e < len; ++e) { // let currentId = imgsIIIF[e].id // getThumbnail(imgsIIIF[e].src).then((thumbnail) => { // let currentImg = document.getElementById(currentId) // currentImg.setAttribute("src", thumbnail) // }) // } // }) // // async function getThumbnail(url) { // const response = await fetch(url); // let manifest = await response.json(); // let thumbnail = manifest.thumbnail["@id"] // return thumbnail // } //import './max-mirador/MaxMirador2'; import {Plugin} from '../../core/ui/js/Plugin.js'; class MiradorViewer extends Plugin { constructor(name) { super(name); for (let e = 0, len = imgsIIIF.length; e < len; ++e) { let currentId = imgsIIIF[e].id getThumbnail(imgsIIIF[e].src).then((thumbnail) => { let currentImg = document.getElementById(currentId) currentImg.setAttribute("src", thumbnail) }) } }) async function getThumbnail(url) { const response = await fetch(url); let manifest = await response.json(); let thumbnail = manifest.thumbnail["@id"] return thumbnail showMirador(domElt) { MaxMirador.open({}) } } MAX.addPlugin(new MiradorViewer('mirador_viewer'));
plugins/mirador_viewer/mirador_viewer.xqm +5 −3 Original line number Diff line number Diff line Loading @@ -18,12 +18,14 @@ declare %rest:path("/{$project}/mirador") function max.plugin.mirador:loadViewer($project, $link, $canvasId, $canvasIndex){ let $libJs := max.util:getRelativeRootPath($project)|| 'plugins/mirador_viewer/max-mirador/MaxMirador.js' let $options := map{ 'id':'mirador-viewer','windows': [map{'loadedManifest': $link,'canvasIndex': $canvasIndex, 'canvasId': $canvasId}]} let $htmlPage := <html> <head> <script type='text/javascript' src='{$libJs}'></script> </head> <body onload='MaxMirador.open("{$link}","{$canvasId}","{$canvasIndex}")'> <pre> </pre> <body onload='MaxMirador.open({json:serialize($options)})'> <div id='mirador-viewer'/> </body> </html> Loading