diff --git a/app/view/window/image/OpenSeaDragonViewer.js b/app/view/window/image/OpenSeaDragonViewer.js index bbe0d7e91..0a9ac787a 100644 --- a/app/view/window/image/OpenSeaDragonViewer.js +++ b/app/view/window/image/OpenSeaDragonViewer.js @@ -84,10 +84,14 @@ Ext.define('EdiromOnline.view.window.image.OpenSeaDragonViewer', { me.imageWidth = width; me.imgPath = path; - var iiifPath = path.replace(new RegExp('\/', 'g'), '!');//.replace(new RegExp('\.[a-z0-9]+$', 'g'), ''); + var iiifPath = path; + if(!path.startsWith("http")) { + iiifPath = me.imagePrefix + path.replace(new RegExp('\/', 'g'), '!'); + } + me.viewer.open({ "@context": "http://iiif.io/api/image/2/context.json", - "@id": me.imagePrefix + iiifPath, + "@id": iiifPath, "height": Number(height), "width": Number(width), "profile": [ "http://iiif.io/api/image/2/level2.json" ], @@ -101,131 +105,8 @@ Ext.define('EdiromOnline.view.window.image.OpenSeaDragonViewer', { if(me.rect && me.rect != null) me.showRect(me.rect.x, me.rect.y, me.rect.width, me.rect.height, me.rect.highlight); }); me.fireEvent('imageChanged', me, path, pageId); - - Ext.Function.defer(me.checkBachBand3, 1000, me, [path]); - }, - - checkBachBand3: function(path) { - - var me = this; - - switch(path) { - case 'band3-work-02-source-0203-bwv542frueh-1.jp2': me.addBachBand3Annots(1); break; - case 'band3-work-02-source-0203-bwv542frueh-2.jp2': me.addBachBand3Annots(2); break; - case 'band3-work-02-source-0203-bwv542frueh-3.jp2': me.addBachBand3Annots(3); break; - case 'band3-work-02-source-0203-bwv542frueh-4.jp2': me.addBachBand3Annots(4); break; - case 'band3-work-02-source-0203-bwv542frueh-5.jp2': me.addBachBand3Annots(5); break; - case 'band3-work-02-source-0203-bwv542frueh-6.jp2': me.addBachBand3Annots(6); break; - case 'band3-work-02-source-0203-bwv542frueh-7.jp2': me.addBachBand3Annots(7); break; - default: return; - } - }, - - addBachBand3Annots: function(pageNr) { - var me = this; - - console.log('addBachBand3Annots pageNr: ' + pageNr); - - if(pageNr === 1) { - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T009', 'x': 750, 'y': 1578, 'width': 198, 'height': 226, 'tipImagePath': 'band3-work-02-source-0204-T009.jp2', 'tipImageWidth': 559, 'tipImageHeight': 197}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T015', 'x': 2138, 'y': 2343, 'width': 222, 'height': 161, 'tipImagePath': 'band3-work-02-source-0204-T015.jp2', 'tipImageWidth': 512, 'tipImageHeight': 114}); - - } else if(pageNr === 2) { - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T017', 'x': 726, 'y': 213, 'width': 146, 'height': 203, 'tipImagePath': 'band3-work-02-source-0204-T017.jp2', 'tipImageWidth': 919, 'tipImageHeight': 193}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T022', 'x': 1364, 'y': 841, 'width': 193, 'height': 231, 'tipImagePath': 'band3-work-02-source-0204-T022.jp2', 'tipImageWidth': 536, 'tipImageHeight': 244}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T024-1', 'x': 3149, 'y': 1082, 'width': 411, 'height': 184, 'tipImagePath': 'band3-work-02-source-0204-T024-1.jp2', 'tipImageWidth': 1504, 'tipImageHeight': 351}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T024-2', 'x': 3149, 'y': 1280, 'width': 421, 'height': 147, 'tipImagePath': 'band3-work-02-source-0204-T024-2.jp2', 'tipImageWidth': 1421, 'tipImageHeight': 516}); - - } else if(pageNr === 3) { - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T033', 'x': 542, 'y': 340, 'width': 198, 'height': 147, 'tipImagePath': 'band3-work-02-source-0204-T033.jp2', 'tipImageWidth': 801, 'tipImageHeight': 192}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T036', 'x': 2800, 'y': 170, 'width': 765, 'height': 250, 'tipImagePath': 'band3-work-02-source-0204-T036.jp2', 'tipImageWidth': 1356, 'tipImageHeight': 476}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T037', 'x': 315, 'y': 794, 'width': 430, 'height': 255, 'tipImagePath': 'band3-work-02-source-0204-T037.jp2', 'tipImageWidth': 1126, 'tipImageHeight': 233}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T038', 'x': 1142, 'y': 831, 'width': 165, 'height': 222, 'tipImagePath': 'band3-work-02-source-0204-T038.jp2', 'tipImageWidth': 1156, 'tipImageHeight': 217}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T042', 'x': 1151, 'y': 1672, 'width': 373, 'height': 218, 'tipImagePath': 'band3-work-02-source-0204-T042.jp2', 'tipImageWidth': 1587, 'tipImageHeight': 375}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T043', 'x': 2342, 'y': 1431, 'width': 406, 'height': 298, 'tipImagePath': 'band3-work-02-source-0204-T043.jp2', 'tipImageWidth': 1132, 'tipImageHeight': 287}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T044', 'x': 3159, 'y': 1658, 'width': 222, 'height': 189, 'tipImagePath': 'band3-work-02-source-0204-T044.jp2', 'tipImageWidth': 849, 'tipImageHeight': 181}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T049', 'x': 910, 'y': 2376, 'width': 189, 'height': 180, 'tipImagePath': 'band3-work-02-source-0204-T049.jp2', 'tipImageWidth': 790, 'tipImageHeight': 370}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T050-1', 'x': 1761, 'y': 2371, 'width': 203, 'height': 373, 'tipImagePath': 'band3-work-02-source-0204-T050-1.jp2', 'tipImageWidth': 1185, 'tipImageHeight': 315}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T050-2', 'x': 1562, 'y': 2560, 'width': 194, 'height': 166, 'tipImagePath': 'band3-work-02-source-0204-T050-2.jp2', 'tipImageWidth': 671, 'tipImageHeight': 169}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T051', 'x': 2186, 'y': 2367, 'width': 193, 'height': 189, 'tipImagePath': 'band3-work-02-source-0204-T051.jp2', 'tipImageWidth': 908, 'tipImageHeight': 157}); - - } else if(pageNr === 4) { - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T055FF', 'x': 2540, 'y': 194, 'width': 1025, 'height': 217, 'tipImagePath': 'band3-work-02-source-0204-T055FF.jp2', 'tipImageWidth': 1894, 'tipImageHeight': 824}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T057', 'x': 339, 'y': 831, 'width': 496, 'height': 170, 'tipImagePath': 'band3-work-02-source-0204-T057.jp2', 'tipImageWidth': 1669, 'tipImageHeight': 399}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T058', 'x': 1288, 'y': 1044, 'width': 208, 'height': 151, 'tipImagePath': 'band3-work-02-source-0204-T058.jp2', 'tipImageWidth': 512, 'tipImageHeight': 162}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T059', 'x': 1954, 'y': 855, 'width': 156, 'height': 156, 'tipImagePath': 'band3-work-02-source-0204-T059.jp2', 'tipImageWidth': 795, 'tipImageHeight': 150}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T059F', 'x': 2417, 'y': 808, 'width': 1134, 'height': 387, 'tipImagePath': 'band3-work-02-source-0204-T059F.jp2', 'tipImageWidth': 1929, 'tipImageHeight': 1201}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T060', 'x': 3178, 'y': 1200, 'width': 198, 'height': 170, 'tipImagePath': 'band3-work-02-source-0204-T060.jp2', 'tipImageWidth': 536, 'tipImageHeight': 150}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T061-1', 'x': 315, 'y': 1460, 'width': 208, 'height': 368, 'tipImagePath': 'band3-work-02-source-0204-T061-1.jp2', 'tipImageWidth': 1144, 'tipImageHeight': 724}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T061-2', 'x': 735, 'y': 1842, 'width': 374, 'height': 151, 'tipImagePath': 'band3-work-02-source-0204-T061-2.jp2', 'tipImageWidth': 713, 'tipImageHeight': 138}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T063', 'x': 2554, 'y': 1653, 'width': 198, 'height': 166, 'tipImagePath': 'band3-work-02-source-0204-T063.jp2', 'tipImageWidth': 536, 'tipImageHeight': 150}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T064', 'x': 2984, 'y': 1460, 'width': 194, 'height': 184, 'tipImagePath': 'band3-work-02-source-0204-T064.jp2', 'tipImageWidth': 536, 'tipImageHeight': 162}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T065F', 'x': 934, 'y': 2069, 'width': 449, 'height': 449, 'tipImagePath': 'band3-work-02-source-0204-T065F.jp2', 'tipImageWidth': 1445, 'tipImageHeight': 469}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T068', 'x': 2781, 'y': 2083, 'width': 775, 'height': 241, 'tipImagePath': 'band3-work-02-source-0204-T068.jp2', 'tipImageWidth': 1646, 'tipImageHeight': 504}); - - } else if(pageNr === 5) { - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T069FF', 'x': 315, 'y': 156, 'width': 1606, 'height': 255, 'tipImagePath': 'band3-work-02-source-0204-T069FF.jp2', 'tipImageWidth': 2473, 'tipImageHeight': 528}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T071', 'x': 1964, 'y': 161, 'width': 368, 'height': 250, 'tipImagePath': 'band3-work-02-source-0204-T071.jp2', 'tipImageWidth': 1250, 'tipImageHeight': 476}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T075', 'x': 2507, 'y': 1247, 'width': 222, 'height': 222, 'tipImagePath': 'band3-work-02-source-0204-T075.jp2', 'tipImageWidth': 559, 'tipImageHeight': 210}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T080-1', 'x': 542, 'y': 2140, 'width': 241, 'height': 250, 'tipImagePath': 'band3-work-02-source-0204-T080-1.jp2', 'tipImageWidth': 1410, 'tipImageHeight': 257}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T080-2', 'x': 561, 'y': 2409, 'width': 160, 'height': 165, 'tipImagePath': 'band3-work-02-source-0204-T080-2.jp2', 'tipImageWidth': 559, 'tipImageHeight': 150}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T082', 'x': 1954, 'y': 2163, 'width': 421, 'height': 265, 'tipImagePath': 'band3-work-02-source-0204-T082.jp2', 'tipImageWidth': 760, 'tipImageHeight': 256}); - - } else if(pageNr === 6) { - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T085', 'x': 1553, 'y': 260, 'width': 193, 'height': 165, 'tipImagePath': 'band3-work-02-source-0204-T085.jp2', 'tipImageWidth': 707, 'tipImageHeight': 145}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T086-1', 'x': 1954, 'y': 250, 'width': 203, 'height': 175, 'tipImagePath': 'band3-work-02-source-0204-T086-1.jp2', 'tipImageWidth': 849, 'tipImageHeight': 133}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T086-2', 'x': 1954, 'y': 453, 'width': 340, 'height': 175, 'tipImagePath': 'band3-work-02-source-0204-T086-2.jp2', 'tipImageWidth': 1026, 'tipImageHeight': 145}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T086-3', 'x': 1968, 'y': 647, 'width': 364, 'height': 156, 'tipImagePath': 'band3-work-02-source-0204-T086-3.jp2', 'tipImageWidth': 725, 'tipImageHeight': 162}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T087-1', 'x': 2762, 'y': 184, 'width': 189, 'height': 246, 'tipImagePath': 'band3-work-02-source-0204-T087.jp2', 'tipImageWidth': 488, 'tipImageHeight': 221}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T087-2', 'x': 2776, 'y': 642, 'width': 548, 'height': 170, 'tipImagePath': 'band3-work-02-source-0204-T087-2.jp2', 'tipImageWidth': 866, 'tipImageHeight': 162}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T087F', 'x': 3135, 'y': 194, 'width': 449, 'height': 241, 'tipImagePath': 'band3-work-02-source-0204-T087F.jp2', 'tipImageWidth': 914, 'tipImageHeight': 209}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T088', 'x': 291, 'y': 907, 'width': 846, 'height': 217, 'tipImagePath': 'band3-work-02-source-0204-T088.jp2', 'tipImageWidth': 1327, 'tipImageHeight': 221}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T092', 'x': 717, 'y': 1771, 'width': 382, 'height': 251, 'tipImagePath': 'band3-work-02-source-0204-T092.jp2', 'tipImageWidth': 1026, 'tipImageHeight': 477}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T096', 'x': 334, 'y': 2522, 'width': 213, 'height': 180, 'tipImagePath': 'band3-work-02-source-0204-T096.jp2', 'tipImageWidth': 1073, 'tipImageHeight': 181}); - - } else if(pageNr === 7) { - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T100-1', 'x': 726, 'y': 472, 'width': 213, 'height': 166, 'tipImagePath': 'band3-work-02-source-0204-T100-1.jp2', 'tipImageWidth': 1055, 'tipImageHeight': 162}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T100-2', 'x': 939, 'y': 213, 'width': 193, 'height': 193, 'tipImagePath': 'band3-work-02-source-0204-T100-2.jp2', 'tipImageWidth': 1008, 'tipImageHeight': 315}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T103', 'x': 2762, 'y': 246, 'width': 208, 'height': 184, 'tipImagePath': 'band3-work-02-source-0204-T103.jp2', 'tipImageWidth': 825, 'tipImageHeight': 169}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T105', 'x': 1680, 'y': 978, 'width': 218, 'height': 208, 'tipImagePath': 'band3-work-02-source-0204-T105.jp2', 'tipImageWidth': 1067, 'tipImageHeight': 245}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T106', 'x': 1926, 'y': 987, 'width': 803, 'height': 213, 'tipImagePath': 'band3-work-02-source-0204-T106.jp2', 'tipImageWidth': 2330, 'tipImageHeight': 1319}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T110', 'x': 2034, 'y': 1507, 'width': 534, 'height': 264, 'tipImagePath': 'band3-work-02-source-0204-T110.jp2', 'tipImageWidth': 1652, 'tipImageHeight': 961}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T113F', 'x': 1737, 'y': 2329, 'width': 916, 'height': 179, 'tipImagePath': 'band3-work-02-source-0204-T113F.jp2', 'tipImageWidth': 1486, 'tipImageHeight': 145}); - me.addBachBand3Annot({'id': 'band3-work-02-source-0204-T114F', 'x': 2667, 'y': 2045, 'width': 959, 'height': 459, 'tipImagePath': 'band3-work-02-source-0204-T114F.jp2', 'tipImageWidth': 3059, 'tipImageHeight': 1396}); - } }, - addBachBand3Annot: function(shape) { - var me = this; - var id = shape.id; - var anno = document.createElement("div"); - anno.id = me.id + '_' + id; - anno.className = "annotation"; - var point = me.viewer.viewport.imageToViewportCoordinates(shape.x, shape.y); - var rect = me.viewer.viewport.imageToViewportRectangle(shape.x, shape.y, shape.width, shape.height); - me.viewer.addOverlay({ - element: anno, - location: new OpenSeadragon.Rect(point.x, point.y, rect.width, rect.height) - }); - - var width = Math.round(shape.tipImageWidth / 3.0); - var height = Math.round(shape.tipImageHeight / 3.0); - if(width > 488) { - width = 488; - height = Math.round(shape.tipImageHeight * 488 / shape.tipImageWidth); - } - - var tip = Ext.create('Ext.tip.ToolTip', { - target: me.id + '_' + id, - cls: 'annotationTip', - width: width + 12, - height: height + 12, - dismissDelay: 0, - anchor: 'bottom', - html: '' - }); - }, - removeShapes: function() { },