+
+
+
+```
+
+Or include the viewer partial:
+
+```php
+ $digitalObject,
+ 'viewerType' => 'auto' // auto-detect based on mime type
+)) ?>
+```
+
+### JavaScript API
+
+Initialize viewer programmatically:
+
+```javascript
+$('#my-viewer').zoomPanViewer({
+ digitalObjectId: 123,
+ viewerType: 'image',
+ maxZoom: 20,
+ enableRotation: true,
+ enableFullscreen: true
+});
+
+// Control viewer
+var viewer = $('#my-viewer').data('zoom.pan.viewer');
+viewer.zoomIn();
+viewer.zoomOut();
+viewer.resetView();
+viewer.rotateLeft();
+viewer.rotateRight();
+```
+
+### Keyboard Shortcuts
+
+- `+` or `=`: Zoom in
+- `-`: Zoom out
+- `0`: Reset view
+- `Ctrl+←`: Rotate left
+- `Ctrl+→`: Rotate right
+- `←`: Previous page (PDF)
+- `→`: Next page (PDF)
+- `Ctrl+F`: Fullscreen
+
+## API Endpoints
+
+The plugin provides these endpoints:
+
+- `/zoompan/info/{id}` - Get document information
+- `/zoompan/tile/{id}/{z}/{x}/{y}.{format}` - Get image tile
+- `/zoompan/pdf/{id}/{page}` - Get PDF page as image
+- `/zoompan/text/{id}` - Get text document as HTML
+
+## Customization
+
+### Styling
+
+Override styles in your theme CSS:
+
+```css
+/* Custom toolbar color */
+.zoom-pan-toolbar {
+ background: #your-color;
+}
+
+/* Custom viewer height */
+.zoom-pan-viewer {
+ height: 800px !important;
+}
+
+/* Hide navigator */
+.zoom-pan-navigator {
+ display: none;
+}
+```
+
+### Extending Functionality
+
+Create custom handlers:
+
+```javascript
+$(document).on('zoom-pan:loaded', function(e, viewer) {
+ // Custom initialization
+});
+
+$(document).on('zoom-pan:zoom', function(e, level) {
+ console.log('Zoom level:', level);
+});
+
+$(document).on('zoom-pan:page-change', function(e, page) {
+ console.log('PDF page:', page);
+});
+```
+
+## Performance Optimization
+
+### Tile Caching
+
+Tiles are automatically cached. To clear cache:
+
+```bash
+sudo rm -rf /usr/share/nginx/atom/uploads/zoompan-cache/*
+```
+
+### Pre-generate Tiles
+
+For better performance, pre-generate tiles:
+
+```bash
+cd /usr/share/nginx/atom
+sudo -u www-data php symfony zoom-pan:generate-tiles --digital-object-id=123
+```
+
+## Troubleshooting
+
+### Images Not Loading
+
+1. Check file permissions:
+```bash
+ls -la /usr/share/nginx/atom/uploads/
+```
+
+2. Check ImageMagick:
+```bash
+convert -version
+```
+
+3. Check error logs:
+```bash
+tail -f /var/log/nginx/error.log
+```
+
+### PDF Not Displaying
+
+1. Check poppler-utils:
+```bash
+pdfinfo --version
+```
+
+2. Verify PDF is not corrupted:
+```bash
+pdfinfo /path/to/file.pdf
+```
+
+### Performance Issues
+
+1. Increase PHP memory limit:
+```bash
+sudo nano /etc/php/8.3/fpm/php.ini
+# Set memory_limit = 512M
+```
+
+2. Enable OPcache:
+```bash
+opcache.enable=1
+opcache.memory_consumption=256
+```
+
+## Integration with Existing Themes
+
+### For Bootstrap 5 Themes
+
+```php
+// In your theme's digitalobject/indexSuccess.php
+
+
+
+ 'mb-4',
+ 'height' => '700px'
+ )) ?>
+
+```
+
+### For Default Theme
+
+```php
+// In apps/qubit/modules/digitalobject/templates/showSuccess.php
+canAccess()): ?>
+ $resource
+ )) ?>
+
+```
+
+## License
+
+This plugin is open source and follows the same license as AtoM.
+
+## Support
+
+For issues or questions:
+- Create an issue on GitHub
+- Contact: johan@theahg.co.za
+
+## Credits
+
+- OpenSeadragon for deep zoom functionality
+- PDF.js for PDF rendering
+- ImageMagick for image processing
+- Pandoc for document conversion
+
+## Version History
+
+- 1.0.0 - Initial release
+ - Image viewer with tiling
+ - PDF viewer with page navigation
+ - Text document viewer
+ - Zoom, pan, rotate functionality
+ - Mobile responsive design
diff --git a/plugins/arZoomPanPlugin/arZoomPanPlugin/config/arZoomPanPluginConfiguration.class.php b/plugins/arZoomPanPlugin/arZoomPanPlugin/config/arZoomPanPluginConfiguration.class.php
new file mode 100644
index 0000000000..37e9d96250
--- /dev/null
+++ b/plugins/arZoomPanPlugin/arZoomPanPlugin/config/arZoomPanPluginConfiguration.class.php
@@ -0,0 +1,141 @@
+.
+ */
+
+/**
+ * arZoomPanPluginConfiguration.
+ *
+ * Modified by Johan Pieterse to use arMetadataExtractionPlugin
+ *
+ * @subpackage config
+ */
+class arZoomPanPluginConfiguration extends sfPluginConfiguration
+{
+ public const VERSION = '1.0.0';
+
+ public function initialize()
+ {
+ // 1. Load custom routes
+ $this->dispatcher->connect(
+ 'routing.load_configuration',
+ [$this, 'addRoutes']
+ );
+
+ // 2. Load helper
+ $this->dispatcher->connect(
+ 'template.filter_parameters',
+ [$this, 'registerHelpers']
+ );
+
+ // 3. Inject JS/CSS
+ $this->dispatcher->connect(
+ 'response.filter_content',
+ [$this, 'injectAssets']
+ );
+ }
+
+ public function addRoutes(sfEvent $event)
+ {
+ $routing = $event->getSubject();
+
+ // /zoompan/viewer/1552
+ $routing->prependRoute(
+ 'zoompan_viewer',
+ new sfRoute(
+ '/zoompan/viewer/:id',
+ ['module' => 'arZoomPan', 'action' => 'viewer'],
+ ['id' => '\d+']
+ )
+ );
+
+ // /zoompan/info/1552
+ $routing->prependRoute(
+ 'zoompan_info',
+ new sfRoute(
+ '/zoompan/info/:id',
+ ['module' => 'arZoomPan', 'action' => 'info'],
+ ['id' => '\d+']
+ )
+ );
+
+ // /zoompan/tile/1552/10/0/0.jpg
+ $routing->prependRoute(
+ 'zoompan_tile',
+ new sfRoute(
+ '/zoompan/tile/:id/:z/:x/:y.:format',
+ ['module' => 'arZoomPan', 'action' => 'tile'],
+ [
+ 'id' => '\d+',
+ 'z' => '\d+',
+ 'x' => '\d+',
+ 'y' => '\d+',
+ 'format' => '(jpg|png)',
+ ]
+ )
+ );
+ }
+
+ /**
+ * Register helper functions.
+ *
+ * @param sfEvent $event
+ * @param array $params
+ *
+ * @return array
+ */
+ public function registerHelpers($event, $params)
+ {
+ $params['helpers'][] = 'ZoomPan';
+
+ return $params;
+ }
+
+ /**
+ * Inject assets into the response.
+ *
+ * @param sfEvent $event
+ * @param string $content
+ *
+ * @return string
+ */
+ public function injectAssets(sfEvent $event, $content)
+ {
+ $request = sfContext::getInstance()->getRequest();
+
+ // Only inject on pages displaying digital objects
+ if (!preg_match('#/(informationobject|digitalobject)#i', $request->getPathInfo())) {
+ return $content;
+ }
+
+ // Check if assets already injected
+ if (false !== strpos($content, 'zoom-pan.js')) {
+ return $content;
+ }
+
+ // OpenSeadragon
+ $osd = '';
+
+ // Plugin CSS
+ $css = '';
+
+ // Plugin JS
+ $js = '';
+
+ return str_replace('', $osd . "\n" . $css . "\n" . $js . "\n" . '', $content);
+ }
+}
\ No newline at end of file
diff --git a/plugins/arZoomPanPlugin/arZoomPanPlugin/config/routing.yml b/plugins/arZoomPanPlugin/arZoomPanPlugin/config/routing.yml
new file mode 100644
index 0000000000..72ec956ae6
--- /dev/null
+++ b/plugins/arZoomPanPlugin/arZoomPanPlugin/config/routing.yml
@@ -0,0 +1,19 @@
+zoompan_viewer:
+ url: /zoompan/viewer/:id
+ param: { module: arZoomPan, action: viewer }
+ requirements: { id: \d+ }
+
+zoompan_info:
+ url: /zoompan/info/:id
+ param: { module: arZoomPan, action: info }
+ requirements: { id: \d+ }
+
+zoompan_tile:
+ url: /zoompan/tile/:id/:z/:x/:y.:format
+ param: { module: arZoomPan, action: tile }
+ requirements:
+ id: \d+
+ z: \d+
+ x: \d+
+ y: \d+
+ format: (jpg|png)
diff --git a/plugins/arZoomPanPlugin/arZoomPanPlugin/css/zoom-pan.css b/plugins/arZoomPanPlugin/arZoomPanPlugin/css/zoom-pan.css
new file mode 100644
index 0000000000..0125fe3b8f
--- /dev/null
+++ b/plugins/arZoomPanPlugin/arZoomPanPlugin/css/zoom-pan.css
@@ -0,0 +1,301 @@
+/**
+ * arZoomPan Plugin Styles
+ *
+ * Styles for the document viewer with zoom and pan functionality
+ */
+
+/* Main container */
+.zoom-pan-container {
+ position: relative;
+ background: #f5f5f5;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ overflow: hidden;
+ margin: 20px 0;
+}
+
+/* Toolbar */
+.zoom-pan-toolbar {
+ background: #333;
+ padding: 10px;
+ display: flex;
+ align-items: center;
+ border-bottom: 1px solid #222;
+}
+
+.zoom-pan-toolbar .btn {
+ color: #fff;
+ background: #555;
+ border: 1px solid #666;
+ padding: 5px 10px;
+ margin: 0 2px;
+ transition: all 0.3s ease;
+}
+
+.zoom-pan-toolbar .btn:hover {
+ background: #666;
+ border-color: #777;
+ transform: translateY(-1px);
+}
+
+.zoom-pan-toolbar .btn:active {
+ background: #444;
+ transform: translateY(0);
+}
+
+.zoom-pan-toolbar .btn i {
+ font-size: 14px;
+}
+
+/* Page indicator for PDFs */
+.page-indicator {
+ color: #fff;
+ font-size: 14px;
+ display: inline-flex;
+ align-items: center;
+ padding: 0 10px;
+}
+
+/* Main viewer */
+.zoom-pan-viewer {
+ position: relative;
+ cursor: move;
+ user-select: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+}
+
+.zoom-pan-viewer.dragging {
+ cursor: grabbing;
+}
+
+/* OpenSeadragon overrides */
+.zoom-pan-viewer .openseadragon-canvas {
+ background-color: #1a1a1a !important;
+}
+
+/* Navigator minimap */
+.zoom-pan-navigator {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ width: 150px;
+ height: 120px;
+ border: 2px solid #fff;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.5);
+ background: #000;
+ z-index: 1000;
+ opacity: 0.8;
+ transition: opacity 0.3s ease;
+}
+
+.zoom-pan-navigator:hover {
+ opacity: 1;
+}
+
+/* Status bar */
+.zoom-pan-status {
+ background: #2a2a2a;
+ color: #ccc;
+ padding: 8px 15px;
+ font-size: 13px;
+ border-top: 1px solid #333;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.zoom-pan-status span {
+ display: inline-block;
+}
+
+/* Loading indicator */
+.zoom-pan-loading {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ color: #fff;
+ font-size: 18px;
+ text-align: center;
+ z-index: 1001;
+}
+
+.zoom-pan-loading .spinner {
+ width: 50px;
+ height: 50px;
+ border: 3px solid rgba(255,255,255,0.3);
+ border-top-color: #fff;
+ border-radius: 50%;
+ animation: spin 1s linear infinite;
+ margin: 0 auto 20px;
+}
+
+@keyframes spin {
+ to { transform: rotate(360deg); }
+}
+
+/* Error message */
+.zoom-pan-error {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ background: #d9534f;
+ color: #fff;
+ padding: 20px;
+ border-radius: 4px;
+ text-align: center;
+ max-width: 400px;
+}
+
+/* Fullscreen mode */
+.zoom-pan-container.fullscreen {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 9999;
+ margin: 0;
+ border-radius: 0;
+}
+
+.zoom-pan-container.fullscreen .zoom-pan-viewer {
+ height: calc(100% - 100px) !important;
+}
+
+/* Text document viewer */
+.zoom-pan-viewer iframe {
+ background: white;
+ transform-origin: top left;
+ transition: transform 0.3s ease;
+}
+
+/* PDF canvas */
+.zoom-pan-viewer canvas {
+ display: block;
+ margin: 0 auto;
+}
+
+/* Thumbnails sidebar (optional) */
+.zoom-pan-thumbnails {
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ width: 150px;
+ background: #2a2a2a;
+ overflow-y: auto;
+ border-right: 1px solid #333;
+ padding: 10px;
+}
+
+.zoom-pan-thumbnail {
+ width: 100%;
+ margin-bottom: 10px;
+ cursor: pointer;
+ border: 2px solid transparent;
+ transition: border-color 0.3s ease;
+}
+
+.zoom-pan-thumbnail:hover {
+ border-color: #666;
+}
+
+.zoom-pan-thumbnail.active {
+ border-color: #007bff;
+}
+
+/* Mobile responsive adjustments */
+@media (max-width: 768px) {
+ .zoom-pan-toolbar {
+ flex-wrap: wrap;
+ padding: 8px;
+ }
+
+ .zoom-pan-toolbar .btn-group {
+ margin-bottom: 5px;
+ }
+
+ .zoom-pan-navigator {
+ width: 100px;
+ height: 80px;
+ }
+
+ .zoom-pan-viewer {
+ height: 400px !important;
+ }
+
+ .zoom-pan-status {
+ font-size: 11px;
+ padding: 5px 10px;
+ }
+
+ .page-indicator {
+ font-size: 12px;
+ }
+}
+
+/* Print styles */
+@media print {
+ .zoom-pan-toolbar,
+ .zoom-pan-navigator,
+ .zoom-pan-status,
+ .viewer-help {
+ display: none !important;
+ }
+
+ .zoom-pan-container {
+ border: none;
+ page-break-inside: avoid;
+ }
+
+ .zoom-pan-viewer {
+ height: auto !important;
+ }
+}
+
+/* Accessibility improvements */
+.zoom-pan-toolbar button:focus {
+ outline: 2px solid #007bff;
+ outline-offset: 2px;
+}
+
+.zoom-pan-container[aria-busy="true"] .zoom-pan-viewer {
+ opacity: 0.5;
+}
+
+/* High contrast mode support */
+@media (prefers-contrast: high) {
+ .zoom-pan-toolbar {
+ background: #000;
+ }
+
+ .zoom-pan-toolbar .btn {
+ background: #fff;
+ color: #000;
+ border: 2px solid #fff;
+ }
+
+ .zoom-pan-status {
+ background: #000;
+ color: #fff;
+ border-top: 2px solid #fff;
+ }
+}
+
+/* Dark mode support */
+@media (prefers-color-scheme: dark) {
+ .zoom-pan-container {
+ background: #1a1a1a;
+ border-color: #333;
+ }
+
+ .viewer-help {
+ color: #aaa;
+ }
+}
diff --git a/plugins/arZoomPanPlugin/arZoomPanPlugin/js/zoom-pan.js b/plugins/arZoomPanPlugin/arZoomPanPlugin/js/zoom-pan.js
new file mode 100644
index 0000000000..67cacb231e
--- /dev/null
+++ b/plugins/arZoomPanPlugin/arZoomPanPlugin/js/zoom-pan.js
@@ -0,0 +1,645 @@
+/**
+ * arZoomPan Plugin JavaScript
+ *
+ * Enhanced viewer functionality for zoom, pan, and rotate operations
+ */
+
+(function($) {
+ 'use strict';
+
+ /**
+ * ZoomPan Viewer Class
+ */
+ var ZoomPanViewer = function(element, options) {
+ this.element = element;
+ this.$element = $(element);
+ this.options = $.extend({}, ZoomPanViewer.DEFAULTS, options);
+ this.init();
+ };
+
+ ZoomPanViewer.VERSION = '1.0.0';
+
+ ZoomPanViewer.DEFAULTS = {
+ digitalObjectId: null,
+ viewerType: 'image', // image, pdf, text
+ tileSize: 256,
+ maxZoom: 10,
+ minZoom: 0.5,
+ zoomSpeed: 1.5,
+ enableRotation: true,
+ enableFullscreen: true,
+ enableDownload: true,
+ showNavigator: true,
+ navigatorPosition: 'TOP_RIGHT',
+ toolbar: true,
+ statusBar: true
+ };
+
+ ZoomPanViewer.prototype.init = function() {
+ var self = this;
+
+ // Create viewer structure if not exists
+ if (!this.$element.find('.zoom-pan-viewer').length) {
+ this.createViewerStructure();
+ }
+
+ // Initialize based on viewer type
+ switch(this.options.viewerType) {
+ case 'image':
+ this.initImageViewer();
+ break;
+ case 'pdf':
+ this.initPdfViewer();
+ break;
+ case 'text':
+ this.initTextViewer();
+ break;
+ }
+
+ // Setup event handlers
+ this.bindEvents();
+
+ // Load document information
+ this.loadDocumentInfo();
+ };
+
+ /**
+ * Create viewer HTML structure
+ */
+ ZoomPanViewer.prototype.createViewerStructure = function() {
+ var html = '';
+
+ // Toolbar
+ if (this.options.toolbar) {
+ html += '';
+ }
+
+ // Main viewer
+ html += '';
+
+ // Navigator
+ if (this.options.showNavigator) {
+ html += '';
+ }
+
+ // Status bar
+ if (this.options.statusBar) {
+ html += '';
+ html += ' Zoom: 100%';
+ html += ' Rotation: 0°';
+ html += ' ';
+ html += '
';
+ }
+
+ this.$element.html(html);
+ };
+
+ /**
+ * Initialize image viewer (OpenSeadragon)
+ */
+ ZoomPanViewer.prototype.initImageViewer = function() {
+ var self = this;
+
+ // Initialize OpenSeadragon
+ this.viewer = OpenSeadragon({
+ element: this.$element.find('.zoom-pan-viewer')[0],
+ prefixUrl: 'https://cdn.jsdelivr.net/npm/openseadragon@4.1.0/build/openseadragon/images/',
+
+ showNavigationControl: false,
+
+ animationTime: 0.5,
+ blendTime: 0.1,
+ constrainDuringPan: true,
+ maxZoomPixelRatio: this.options.maxZoom,
+ minZoomLevel: this.options.minZoom,
+
+ gestureSettingsMouse: {
+ scrollToZoom: true,
+ clickToZoom: true,
+ dblClickToZoom: true,
+ pinchToZoom: true
+ }
+ });
+
+ // Show navigator if enabled
+ if (this.options.showNavigator) {
+ this.viewer.navigator = new OpenSeadragon.Navigator({
+ element: this.$element.find('.zoom-pan-navigator')[0],
+ viewer: this.viewer
+ });
+ }
+
+ // Update status on zoom
+ this.viewer.addHandler('zoom', function(event) {
+ var zoom = Math.round(self.viewer.viewport.getZoom(true) * 100);
+ self.$element.find('.zoom-pan-zoom-level').text('Zoom: ' + zoom + '%');
+ });
+ };
+
+ /**
+ * Initialize PDF viewer
+ */
+ ZoomPanViewer.prototype.initPdfViewer = function() {
+ var self = this;
+
+ this.currentPage = 1;
+ this.totalPages = 0;
+ this.pageCache = {};
+
+ // Create canvas for PDF rendering
+ var canvas = document.createElement('canvas');
+ canvas.className = 'pdf-canvas';
+ this.$element.find('.zoom-pan-viewer').append(canvas);
+
+ // Initialize zoom/pan for canvas
+ this.initCanvasZoomPan(canvas);
+ };
+
+ /**
+ * Initialize text viewer
+ */
+ ZoomPanViewer.prototype.initTextViewer = function() {
+ var self = this;
+
+ // Create iframe for text content
+ var iframe = document.createElement('iframe');
+ iframe.className = 'text-iframe';
+ iframe.style.width = '100%';
+ iframe.style.height = '100%';
+ iframe.style.border = 'none';
+
+ this.$element.find('.zoom-pan-viewer').append(iframe);
+
+ // Load text content
+ iframe.src = '/zoompan/text/' + this.options.digitalObjectId;
+
+ this.textZoom = 100;
+
+ // Wait for iframe to load
+ iframe.onload = function() {
+ self.textDocument = iframe.contentDocument || iframe.contentWindow.document;
+ };
+ };
+
+ /**
+ * Initialize canvas zoom/pan functionality
+ */
+ ZoomPanViewer.prototype.initCanvasZoomPan = function(canvas) {
+ var self = this;
+ var ctx = canvas.getContext('2d');
+
+ this.scale = 1;
+ this.rotation = 0;
+ this.offsetX = 0;
+ this.offsetY = 0;
+
+ var isDragging = false;
+ var dragStartX, dragStartY;
+
+ // Mouse wheel zoom
+ $(canvas).on('wheel', function(e) {
+ e.preventDefault();
+
+ var delta = e.originalEvent.deltaY > 0 ? 0.9 : 1.1;
+ self.scale *= delta;
+ self.scale = Math.max(self.options.minZoom, Math.min(self.options.maxZoom, self.scale));
+
+ self.renderCanvas();
+ self.updateZoomLevel(self.scale * 100);
+ });
+
+ // Mouse drag pan
+ $(canvas).on('mousedown', function(e) {
+ isDragging = true;
+ dragStartX = e.clientX - self.offsetX;
+ dragStartY = e.clientY - self.offsetY;
+ canvas.style.cursor = 'grabbing';
+ });
+
+ $(document).on('mousemove', function(e) {
+ if (isDragging) {
+ self.offsetX = e.clientX - dragStartX;
+ self.offsetY = e.clientY - dragStartY;
+ self.renderCanvas();
+ }
+ });
+
+ $(document).on('mouseup', function() {
+ isDragging = false;
+ canvas.style.cursor = 'grab';
+ });
+ };
+
+ /**
+ * Bind event handlers
+ */
+ ZoomPanViewer.prototype.bindEvents = function() {
+ var self = this;
+
+ // Home button
+ this.$element.find('.zoom-pan-home').on('click', function() {
+ self.resetView();
+ });
+
+ // Zoom buttons
+ this.$element.find('.zoom-pan-zoom-in').on('click', function() {
+ self.zoomIn();
+ });
+
+ this.$element.find('.zoom-pan-zoom-out').on('click', function() {
+ self.zoomOut();
+ });
+
+ // Rotation buttons
+ this.$element.find('.zoom-pan-rotate-left').on('click', function() {
+ self.rotateLeft();
+ });
+
+ this.$element.find('.zoom-pan-rotate-right').on('click', function() {
+ self.rotateRight();
+ });
+
+ // Fullscreen button
+ this.$element.find('.zoom-pan-fullscreen').on('click', function() {
+ self.toggleFullscreen();
+ });
+
+ // Download button
+ this.$element.find('.zoom-pan-download').on('click', function() {
+ self.download();
+ });
+
+ // PDF navigation
+ if (this.options.viewerType === 'pdf') {
+ this.$element.find('.zoom-pan-prev-page').on('click', function() {
+ self.previousPage();
+ });
+
+ this.$element.find('.zoom-pan-next-page').on('click', function() {
+ self.nextPage();
+ });
+ }
+
+ // Keyboard shortcuts
+ $(document).on('keydown', function(e) {
+ if (!self.$element.is(':visible')) return;
+
+ switch(e.key) {
+ case '+':
+ case '=':
+ self.zoomIn();
+ break;
+ case '-':
+ case '_':
+ self.zoomOut();
+ break;
+ case '0':
+ self.resetView();
+ break;
+ case 'ArrowLeft':
+ if (e.ctrlKey) self.rotateLeft();
+ else if (self.options.viewerType === 'pdf') self.previousPage();
+ break;
+ case 'ArrowRight':
+ if (e.ctrlKey) self.rotateRight();
+ else if (self.options.viewerType === 'pdf') self.nextPage();
+ break;
+ case 'f':
+ if (e.ctrlKey) {
+ e.preventDefault();
+ self.toggleFullscreen();
+ }
+ break;
+ }
+ });
+ };
+
+ /**
+ * Load document information
+ */
+ ZoomPanViewer.prototype.loadDocumentInfo = function() {
+ var self = this;
+
+ $.ajax({
+ url: '/zoompan/info/' + this.options.digitalObjectId,
+ type: 'GET',
+ dataType: 'json',
+ success: function(info) {
+ self.documentInfo = info;
+
+ // Update viewer based on document type
+ if (info.type === 'image') {
+ // Add tile source to OpenSeadragon
+ self.viewer.addTiledImage({
+ tileSource: {
+ type: 'legacy-image-pyramid',
+ getTileUrl: function(level, x, y) {
+ return '/zoompan/tile/' + self.options.digitalObjectId + '/' + level + '/' + x + '/' + y + '.jpg';
+ },
+ width: info.width,
+ height: info.height,
+ tileSize: info.tileSize || 256,
+ tileOverlap: 0,
+ minLevel: 0,
+ maxLevel: info.maxZoom || 10
+ }
+ });
+
+ // Update dimensions display
+ self.$element.find('.zoom-pan-dimensions').text('Size: ' + info.width + ' × ' + info.height + ' px');
+ }
+ else if (info.type === 'pdf') {
+ self.totalPages = info.pages;
+ self.$element.find('.zoom-pan-total-pages').text(info.pages);
+ self.loadPdfPage(1);
+ }
+ },
+ error: function() {
+ self.showError('Failed to load document information');
+ }
+ });
+ };
+
+ /**
+ * Load PDF page
+ */
+ ZoomPanViewer.prototype.loadPdfPage = function(pageNum) {
+ var self = this;
+
+ if (this.pageCache[pageNum]) {
+ this.displayPdfPage(this.pageCache[pageNum]);
+ return;
+ }
+
+ var img = new Image();
+ img.onload = function() {
+ self.pageCache[pageNum] = img;
+ self.displayPdfPage(img);
+ };
+ img.src = '/zoompan/pdf/' + this.options.digitalObjectId + '/' + pageNum;
+
+ this.currentPage = pageNum;
+ this.$element.find('.zoom-pan-current-page').text(pageNum);
+ };
+
+ /**
+ * Display PDF page on canvas
+ */
+ ZoomPanViewer.prototype.displayPdfPage = function(img) {
+ var canvas = this.$element.find('.pdf-canvas')[0];
+ var ctx = canvas.getContext('2d');
+
+ canvas.width = img.width;
+ canvas.height = img.height;
+
+ this.currentImage = img;
+ this.renderCanvas();
+ };
+
+ /**
+ * Render canvas with transformations
+ */
+ ZoomPanViewer.prototype.renderCanvas = function() {
+ if (!this.currentImage) return;
+
+ var canvas = this.$element.find('.pdf-canvas')[0];
+ var ctx = canvas.getContext('2d');
+
+ // Clear canvas
+ ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+ // Apply transformations
+ ctx.save();
+ ctx.translate(canvas.width / 2, canvas.height / 2);
+ ctx.rotate(this.rotation * Math.PI / 180);
+ ctx.scale(this.scale, this.scale);
+ ctx.translate(-canvas.width / 2 + this.offsetX, -canvas.height / 2 + this.offsetY);
+
+ // Draw image
+ ctx.drawImage(this.currentImage, 0, 0);
+
+ ctx.restore();
+ };
+
+ /**
+ * Viewer control methods
+ */
+ ZoomPanViewer.prototype.zoomIn = function() {
+ if (this.options.viewerType === 'image' && this.viewer) {
+ this.viewer.viewport.zoomBy(this.options.zoomSpeed);
+ }
+ else if (this.options.viewerType === 'text') {
+ this.textZoom = Math.min(this.textZoom + 25, 300);
+ if (this.textDocument) {
+ this.textDocument.body.style.zoom = this.textZoom + '%';
+ this.updateZoomLevel(this.textZoom);
+ }
+ }
+ else {
+ this.scale *= this.options.zoomSpeed;
+ this.scale = Math.min(this.scale, this.options.maxZoom);
+ this.renderCanvas();
+ this.updateZoomLevel(this.scale * 100);
+ }
+ };
+
+ ZoomPanViewer.prototype.zoomOut = function() {
+ if (this.options.viewerType === 'image' && this.viewer) {
+ this.viewer.viewport.zoomBy(1 / this.options.zoomSpeed);
+ }
+ else if (this.options.viewerType === 'text') {
+ this.textZoom = Math.max(this.textZoom - 25, 50);
+ if (this.textDocument) {
+ this.textDocument.body.style.zoom = this.textZoom + '%';
+ this.updateZoomLevel(this.textZoom);
+ }
+ }
+ else {
+ this.scale /= this.options.zoomSpeed;
+ this.scale = Math.max(this.scale, this.options.minZoom);
+ this.renderCanvas();
+ this.updateZoomLevel(this.scale * 100);
+ }
+ };
+
+ ZoomPanViewer.prototype.resetView = function() {
+ if (this.options.viewerType === 'image' && this.viewer) {
+ this.viewer.viewport.goHome();
+ }
+ else if (this.options.viewerType === 'text') {
+ this.textZoom = 100;
+ if (this.textDocument) {
+ this.textDocument.body.style.zoom = '100%';
+ this.updateZoomLevel(100);
+ }
+ }
+ else {
+ this.scale = 1;
+ this.rotation = 0;
+ this.offsetX = 0;
+ this.offsetY = 0;
+ this.renderCanvas();
+ this.updateZoomLevel(100);
+ this.updateRotation(0);
+ }
+ };
+
+ ZoomPanViewer.prototype.rotateLeft = function() {
+ if (this.options.viewerType === 'image' && this.viewer) {
+ var rotation = this.viewer.viewport.getRotation();
+ this.viewer.viewport.setRotation(rotation - 90);
+ this.updateRotation(rotation - 90);
+ }
+ else if (this.options.viewerType !== 'text') {
+ this.rotation -= 90;
+ this.renderCanvas();
+ this.updateRotation(this.rotation);
+ }
+ };
+
+ ZoomPanViewer.prototype.rotateRight = function() {
+ if (this.options.viewerType === 'image' && this.viewer) {
+ var rotation = this.viewer.viewport.getRotation();
+ this.viewer.viewport.setRotation(rotation + 90);
+ this.updateRotation(rotation + 90);
+ }
+ else if (this.options.viewerType !== 'text') {
+ this.rotation += 90;
+ this.renderCanvas();
+ this.updateRotation(this.rotation);
+ }
+ };
+
+ ZoomPanViewer.prototype.previousPage = function() {
+ if (this.currentPage > 1) {
+ this.loadPdfPage(this.currentPage - 1);
+ }
+ };
+
+ ZoomPanViewer.prototype.nextPage = function() {
+ if (this.currentPage < this.totalPages) {
+ this.loadPdfPage(this.currentPage + 1);
+ }
+ };
+
+ ZoomPanViewer.prototype.toggleFullscreen = function() {
+ this.$element.toggleClass('fullscreen');
+
+ if (this.options.viewerType === 'image' && this.viewer) {
+ this.viewer.setFullScreen(this.$element.hasClass('fullscreen'));
+ }
+
+ // Update fullscreen button icon
+ var icon = this.$element.find('.zoom-pan-fullscreen i');
+ if (this.$element.hasClass('fullscreen')) {
+ icon.removeClass('fa-expand').addClass('fa-compress');
+ } else {
+ icon.removeClass('fa-compress').addClass('fa-expand');
+ }
+ };
+
+ ZoomPanViewer.prototype.download = function() {
+ window.location.href = '/digitalobject/download/' + this.options.digitalObjectId;
+ };
+
+ /**
+ * Update UI displays
+ */
+ ZoomPanViewer.prototype.updateZoomLevel = function(zoom) {
+ this.$element.find('.zoom-pan-zoom-level').text('Zoom: ' + Math.round(zoom) + '%');
+ };
+
+ ZoomPanViewer.prototype.updateRotation = function(rotation) {
+ this.$element.find('.zoom-pan-rotation').text('Rotation: ' + rotation + '°');
+ };
+
+ ZoomPanViewer.prototype.showError = function(message) {
+ var error = $('' + message + '
');
+ this.$element.find('.zoom-pan-viewer').append(error);
+ };
+
+ /**
+ * jQuery plugin definition
+ */
+ $.fn.zoomPanViewer = function(option) {
+ return this.each(function() {
+ var $this = $(this);
+ var data = $this.data('zoom.pan.viewer');
+ var options = typeof option == 'object' && option;
+
+ if (!data) {
+ $this.data('zoom.pan.viewer', (data = new ZoomPanViewer(this, options)));
+ }
+
+ if (typeof option == 'string') {
+ data[option]();
+ }
+ });
+ };
+
+ $.fn.zoomPanViewer.Constructor = ZoomPanViewer;
+
+ // Auto-initialize on document ready
+ $(document).ready(function() {
+ $('.zoom-pan-container[data-digital-object-id]').each(function() {
+ var $this = $(this);
+ var options = {
+ digitalObjectId: $this.data('digital-object-id'),
+ viewerType: $this.data('viewer-type') || 'image'
+ };
+
+ $this.zoomPanViewer(options);
+ });
+ });
+
+})(jQuery);
diff --git a/plugins/arZoomPanPlugin/arZoomPanPlugin/lib/helper/ZoomPanHelper.php b/plugins/arZoomPanPlugin/arZoomPanPlugin/lib/helper/ZoomPanHelper.php
new file mode 100644
index 0000000000..d076052e8e
--- /dev/null
+++ b/plugins/arZoomPanPlugin/arZoomPanPlugin/lib/helper/ZoomPanHelper.php
@@ -0,0 +1,235 @@
+id) {
+ return 'No digital object available for viewing.
';
+ }
+
+ // Normalize base URL for ALL AtoM instances
+ $baseUrl = rtrim(QubitSetting::getByName('siteBaseUrl'), '/');
+ $installFolder = basename($baseUrl);
+ $baseUrl = preg_replace('#('.preg_quote($installFolder, '#').'/)+#', $installFolder.'/', $baseUrl);
+ $baseUrl = rtrim($baseUrl, '/');
+
+ // Build zoom URL (works in ALL AtoM instances)
+ $imageName = urlencode($digitalObject->name);
+ $imagePath = urlencode($digitalObject->path);
+
+ $zoomUrl = $baseUrl."/plugins/arZoomPan/zoom.php?imageName={$imageName}&imagePath={$imagePath}";
+
+ // Viewer size & ID
+ $elementId = 'zoom-pan-viewer-'.$digitalObject->id;
+ $height = isset($options['height']) ? $options['height'] : '600px';
+
+ // Simple iframe viewer
+ return sprintf(
+ '',
+ htmlspecialchars($elementId),
+ htmlspecialchars($zoomUrl),
+ htmlspecialchars($height)
+ );
+}
+
+/**
+ * Detect viewer type based on digital object mime type.
+ *
+ * @param QubitDigitalObject $digitalObject
+ *
+ * @return string Viewer type (image, pdf, or text)
+ */
+function detect_viewer_type($digitalObject)
+{
+ $mimeType = $digitalObject->getMimeType();
+
+ // Image types
+ if (0 === strpos($mimeType, 'image/')) {
+ return 'image';
+ }
+
+ // PDF
+ if ('application/pdf' === $mimeType) {
+ return 'pdf';
+ }
+
+ // Text documents
+ $textTypes = [
+ 'text/plain',
+ 'text/html',
+ 'text/xml',
+ 'application/xml',
+ 'application/msword',
+ 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+ 'application/vnd.oasis.opendocument.text',
+ ];
+
+ if (in_array($mimeType, $textTypes)) {
+ return 'text';
+ }
+
+ // Default to image viewer for unknown types
+ return 'image';
+}
+
+/**
+ * Check if digital object is supported by zoom/pan viewer.
+ *
+ * @param QubitDigitalObject $digitalObject
+ *
+ * @return bool
+ */
+function is_zoom_pan_supported($digitalObject)
+{
+ if (!$digitalObject) {
+ return false;
+ }
+
+ $settings = sfConfig::get('app_zoom_pan_settings', []);
+ $supportedFormats = isset($settings['supported_formats']) ? $settings['supported_formats'] : [];
+
+ $extension = strtolower(pathinfo($digitalObject->getName(), PATHINFO_EXTENSION));
+
+ return in_array($extension, $supportedFormats);
+}
+
+/**
+ * Get zoom/pan viewer thumbnail.
+ *
+ * @param QubitDigitalObject $digitalObject
+ * @param array $options
+ *
+ * @return string HTML for thumbnail with link to viewer
+ */
+function get_zoom_pan_thumbnail($digitalObject, $options = [])
+{
+ if (!$digitalObject || !$digitalObject->id) {
+ return '';
+ }
+
+ $defaults = [
+ 'size' => 'thumbnail',
+ 'class' => 'zoom-pan-thumbnail',
+ 'link' => true,
+ 'alt' => $digitalObject->getName(),
+ ];
+
+ $options = array_merge($defaults, $options);
+
+ // Get thumbnail URL
+ $thumbnailUrl = $digitalObject->getThumbnailUrl($options['size']);
+
+ // Build image tag
+ $img = sprintf(
+ 'Error: No ID provided
'); + } + + $this->digitalObject = QubitDigitalObject::getById($id); + + if (!$this->digitalObject) { + return $this->renderText("Error: Digital Object not found (ID {$id})
"); + } + + // Debug log + error_log("[ZoomPan] executeViewer loaded — ID={$id}"); + + return sfView::SUCCESS; + } + + /** + * Serve image tiles for OpenSeadragon. + * + * @param sfWebRequest $request + * + * @return string + */ + public function executeTile(sfWebRequest $request) + { + $id = $request->getParameter('id'); + $z = $request->getParameter('z'); + $x = $request->getParameter('x'); + $y = $request->getParameter('y'); + $format = $request->getParameter('format', 'jpg'); + + $digitalObject = QubitDigitalObject::getById($id); + if (!$digitalObject) { + $this->forward404('Digital object not found'); + } + + if (!QubitAcl::check($digitalObject->object, 'read')) { + $this->forward403(); + } + + $tilePath = $this->getTilePath($digitalObject, $z, $x, $y, $format); + + if (!file_exists($tilePath)) { + $this->generateTile($digitalObject, $z, $x, $y, $format, $tilePath); + } + + $this->serveFile($tilePath, 'image/' . $format); + + return sfView::NONE; + } + + /** + * Return document information. + * + * @param sfWebRequest $request + * + * @return string + */ + public function executeInfo(sfWebRequest $request) + { + $id = $request->getParameter('id'); + $digitalObject = QubitDigitalObject::getById($id); + + if (!$digitalObject) { + $this->forward404('Digital object not found'); + } + + if (!QubitAcl::check($digitalObject->object, 'read')) { + $this->forward403(); + } + + $info = $this->getDocumentInfo($digitalObject); + + $this->getResponse()->setContentType('application/json'); + echo json_encode($info); + + return sfView::NONE; + } + + /** + * Render PDF page to image. + * + * @param sfWebRequest $request + * + * @return string + */ + public function executePdfPage(sfWebRequest $request) + { + $id = $request->getParameter('id'); + $page = $request->getParameter('page', 1); + + $digitalObject = QubitDigitalObject::getById($id); + if (!$digitalObject) { + $this->forward404('Digital object not found'); + } + + if ('application/pdf' !== $digitalObject->getMimeType()) { + $this->forward404('Not a PDF'); + } + + $imagePath = $this->convertPdfPage($digitalObject, $page); + $this->serveFile($imagePath, 'image/jpeg'); + + return sfView::NONE; + } + + /** + * Render text document as HTML. + * + * @param sfWebRequest $request + * + * @return string + */ + public function executeTextDocument(sfWebRequest $request) + { + $id = $request->getParameter('id'); + + $digitalObject = QubitDigitalObject::getById($id); + if (!$digitalObject) { + $this->forward404('Digital object not found'); + } + + $mimeType = $digitalObject->getMimeType(); + $textTypes = [ + 'text/plain', + 'text/html', + 'text/xml', + 'application/xml', + 'application/msword', + 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', + 'application/vnd.oasis.opendocument.text', + ]; + + if (!in_array($mimeType, $textTypes)) { + $this->forward404('Not a text document'); + } + + $html = $this->convertToHtml($digitalObject); + + $this->getResponse()->setContentType('text/html'); + echo $html; + + return sfView::NONE; + } + + /* + * =========================================================== + * Helper Methods + * =========================================================== + */ + + /** + * Generate tile for OpenSeadragon. + * + * @param QubitDigitalObject $digitalObject + * @param int $z + * @param int $x + * @param int $y + * @param string $format + * @param string $tilePath + */ + protected function generateTile($digitalObject, $z, $x, $y, $format, $tilePath) + { + $settings = sfConfig::get('app_zoom_pan_settings'); + if (!is_array($settings)) { + $settings = [ + 'tile_size' => 256, + 'max_zoom_level' => 12, + 'cache_directory' => sfConfig::get('sf_root_dir') . '/cache/zoompan', + ]; + } + $tileSize = $settings['tile_size']; + + $source = $digitalObject->getAbsolutePath(QubitDigitalObject::DERIVATIVE_TYPE_MASTER) + ?: $digitalObject->getAbsolutePath(QubitDigitalObject::DERIVATIVE_TYPE_REFERENCE) + ?: $digitalObject->getAbsolutePath(); + + $scale = pow(2, $z); + $x1 = $x * $tileSize; + $y1 = $y * $tileSize; + + $cmd = sprintf( + 'convert "%s" -crop %dx%d+%d+%d -resize %dx%d "%s"', + escapeshellarg($source), + $tileSize / $scale, + $tileSize / $scale, + $x1 / $scale, + $y1 / $scale, + $tileSize, + $tileSize, + escapeshellarg($tilePath) + ); + + @mkdir(dirname($tilePath), 0755, true); + exec($cmd); + } + + /** + * Get tile path. + * + * @param QubitDigitalObject $digitalObject + * @param int $z + * @param int $x + * @param int $y + * @param string $format + * + * @return string + */ + protected function getTilePath($digitalObject, $z, $x, $y, $format) + { + $settings = sfConfig::get('app_zoom_pan_settings'); + if (!is_array($settings)) { + $settings = [ + 'tile_size' => 256, + 'max_zoom_level' => 12, + 'cache_directory' => sfConfig::get('sf_root_dir') . '/cache/zoompan', + ]; + } + $cache = $settings['cache_directory']; + + return sprintf( + '%s/%d/%d/%d/%d.%s', + $cache, + $digitalObject->id, + $z, + $x, + $y, + $format + ); + } + + /** + * Get document information. + * + * @param QubitDigitalObject $digitalObject + * + * @return array + */ + protected function getDocumentInfo($digitalObject) + { + $path = $digitalObject->getAbsolutePath(); + $mime = $digitalObject->getMimeType(); + + $info = [ + 'id' => $digitalObject->id, + 'name' => $digitalObject->getName(), + 'mimeType' => $mime, + 'fileSize' => filesize($path), + ]; + + if (0 === strpos($mime, 'image/')) { + $s = getimagesize($path); + $info['width'] = $s[0]; + $info['height'] = $s[1]; + $info['type'] = 'image'; + } + + return $info; + } + + /** + * Convert PDF page to image. + * + * @param QubitDigitalObject $digitalObject + * @param int $page + * + * @return string + */ + protected function convertPdfPage($digitalObject, $page) + { + $settings = sfConfig::get('app_zoom_pan_settings'); + $cache = $settings['cache_directory']; + + $cachePath = sprintf('%s/pdf/%d/page_%d.jpg', $cache, $digitalObject->id, $page); + + @mkdir(dirname($cachePath), 0755, true); + + $cmd = sprintf( + 'convert -density 150 "%s[%d]" -quality 90 "%s"', + escapeshellarg($digitalObject->getAbsolutePath()), + $page - 1, + escapeshellarg($cachePath) + ); + + exec($cmd); + + return $cachePath; + } + + /** + * Convert document to HTML. + * + * @param QubitDigitalObject $digitalObject + * + * @return string + */ + protected function convertToHtml($digitalObject) + { + return 'Preview not implemented.'; + } + + /** + * Serve file to browser. + * + * @param string $path + * @param string $mime + */ + protected function serveFile($path, $mime) + { + if (!file_exists($path)) { + $this->forward404('File not found'); + } + + $response = $this->getResponse(); + $response->setContentType($mime); + $response->setHttpHeader('Content-Length', filesize($path)); + + readfile($path); + } +} \ No newline at end of file diff --git a/plugins/arZoomPanPlugin/arZoomPanPlugin/modules/arZoomPan/actions/viewerAction.class.php b/plugins/arZoomPanPlugin/arZoomPanPlugin/modules/arZoomPan/actions/viewerAction.class.php new file mode 100644 index 0000000000..f2f593fa00 --- /dev/null +++ b/plugins/arZoomPanPlugin/arZoomPanPlugin/modules/arZoomPan/actions/viewerAction.class.php @@ -0,0 +1,31 @@ + to use arMetadataExtractionPlugin + */ +class arZoomPanViewerAction extends sfAction +{ + /** + * Execute the viewer action. + * + * @param sfWebRequest $request + * + * @return string + */ + public function execute($request) + { + $this->digitalObject = QubitDigitalObject::getById($request->getParameter('id')); + if (!$this->digitalObject) { + return $this->renderText('
ZoomPan Error: DigitalObject not found
'); + } + + // DEBUG + // error_log("[ZoomPan] ViewerAction loaded for ID: " . $this->digitalObject->id); + + return sfView::SUCCESS; + } +} \ No newline at end of file diff --git a/plugins/arZoomPanPlugin/arZoomPanPlugin/modules/arZoomPan/templates/_viewer.php b/plugins/arZoomPanPlugin/arZoomPanPlugin/modules/arZoomPan/templates/_viewer.php new file mode 100644 index 0000000000..1705be808d --- /dev/null +++ b/plugins/arZoomPanPlugin/arZoomPanPlugin/modules/arZoomPan/templates/_viewer.php @@ -0,0 +1,328 @@ +id) { ?> +
+ No digital object available for viewing.
+
+getMimeType();
+$isImage = 0 === strpos($mimeType, 'image/');
+$isPdf = 'application/pdf' === $mimeType;
+$isText = in_array($mimeType, ['text/plain', 'text/html', 'application/msword',
+ 'application/vnd.openxmlformats-officedocument.wordprocessingml.document']);
+
+$viewerId = 'zoom-pan-viewer-'.$digitalObject->id;
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Zoom: 100%
+ Rotation: 0°
+
+
+
+
+
+ Controls:
+
+ Mouse wheel to zoom, drag to pan, double-click to zoom in, shift+double-click to zoom out
+
+ Use toolbar buttons to zoom in/out, Ctrl+F to search within document
+
+
diff --git a/plugins/arZoomPanPlugin/arZoomPanPlugin/modules/arZoomPan/templates/viewerSuccess.php b/plugins/arZoomPanPlugin/arZoomPanPlugin/modules/arZoomPan/templates/viewerSuccess.php
new file mode 100644
index 0000000000..103b9532f5
--- /dev/null
+++ b/plugins/arZoomPanPlugin/arZoomPanPlugin/modules/arZoomPan/templates/viewerSuccess.php
@@ -0,0 +1,114 @@
+getParameter('id');
+
+if (!$id) {
+ echo "ERROR: No ID received by viewerSuccess.php"; + + return; +} + +// echo "
✔ ID RECEIVED: {$id}";
+
+// ========================================================
+// 2. LOAD DIGITAL OBJECT
+// ========================================================
+$digitalObject = QubitDigitalObject::getById($id);
+
+if (!$digitalObject) {
+ echo "ERROR: DigitalObject not found for ID {$id}";
+
+ return;
+}
+
+// echo "DIGITAL OBJECT LOADED:
+// ID: {$digitalObject->id}
+// Name: {$digitalObject->name}
+// Path: {$digitalObject->path}
+// Mime: {$digitalObject->mimeType}
+// ";
+
+// ========================================================
+// 3. BUILD PUBLIC URL
+// ========================================================
+$request = sfContext::getInstance()->getRequest();
+$root = $request->getRelativeUrlRoot();
+
+$publicUrl = $root.$digitalObject->path.'/'.$digitalObject->name;
+
+// echo "PUBLIC URL:
+// {$publicUrl}
+// ";
+
+// ========================================================
+// 4. SIMPLE OPENSEADRAGON VIEWER (WORKS FOR JPG/PNG/TIF)
+// ========================================================
+?>
+
+Zoom / Pan Viewer Test
+ +
+
+
+
+
+
+
+
+
+ Zoom: Mouse wheel • Pan: Drag • Rotate: Shift + Drag • Touch: Pinch/Rotate
+
+
+
diff --git a/plugins/arZoomPanPlugin/doc/ZoomPan.png b/plugins/arZoomPanPlugin/doc/ZoomPan.png
new file mode 100644
index 0000000000..b00e8d90ca
Binary files /dev/null and b/plugins/arZoomPanPlugin/doc/ZoomPan.png differ