ruven/iipmooviewer — pull request #44 by massimobrero (2013-11-12 15:33:08+00:00)
Title: Created a new extension : 'extended-toolbar.js'

This extension adds a new toolbar that improves access to several IIPMooViewer functions : annotation creation, zoom, rotation, reset view, export image of current view, etc.

A demo page 'index-extended-toolbar-demo.html' shows an example of a viewer with the extended toolbar extension loaded. It's still necessary to modify the lines
var server = '/fcgi-bin/iipsrv.fcgi';
and
var image = '/path/to/image.tif';
to match your server and image.

The buttons to be included in the toolbar are simply set in an array of strings where each string correspond to a button. The accepted strings are :
newAnnotation // old method to create annotation
drawNewAnnotation // new method to create annotation - coming soon...
rotateclockwise
rotateanticlockwise
toggleNavigationWindow
toggleAnnotations
getRegionalURL
zoomIn
zoomOut
reset
toggleFullscreen

The extension is loaded with this line :
\

The toolbar is inserted in a div with an id of your choice.

The toolbar can be displayed horizontally, vertically as well as inside or outside of the viewer.

To create a toolbar, you call the function createExtendedToolbar. The arguments are the div id (string), the position (inside/outside - string), the orientation (vertical/horizontal - string) and the buttons (see list above - string array).

Example : in order to create a vertical toolbar inside the viewer with buttons allowing to create annotations, and to rotate the image, one would declare :

var buttons = ['newAnnotation', 'rotateanticlockwise', 'rotateclockwise'];
var position = 'inside'; // inside or outside
var orientation = 'vertical'; // vertical or horizontal
iipmooviewer.createExtendedToolbar('mytoolbar', position, orientation, buttons);