digilib-old: client/digitallibrary/jquery/jquery.digilib.js comparison

comparison client/digitallibrary/jquery/jquery.digilib.js @ 665:3de056c96bcf jquery

small buttons for embedded mode

author	hertzhaft
date	Mon, 24 Jan 2011 00:43:00 +0100
parents	d5a5ee4cbf04
children	ad4a2edcbdbc

comparison

equal deleted inserted replaced

-:d5a5ee4cbf04
+:3de056c96bcf
 // fullscreen = take parameters from page URL, keep state in page URL
 // embedded = take parameters from Javascript options, keep state inside object
 'interactionMode' : 'fullscreen',
 // buttons
 'buttons' : buttons,
+'buttonSettings' : {
 // path to button images (must end with a slash)
-'buttonsImagePath' : '../greyskin/',
+'fullscreen' : {
+'imagePath' : 'img/fullscreen/',
+//'standardSet' : ["reference","zoomin","zoomout","zoomarea","zoomfull","pagewidth","back","fwd","page","bird","SEP","help","reset","options"],
+'standardSet' : ["reference","zoomin","zoomout","zoomarea","zoomfull","pagewidth","mark","delmark","hmir","vmir","back","fwd","page","rot","brgt","cont","rgb","quality","size","calibrationx","scale","bird","help","options"],
+'specialSet' : ["mark","delmark","hmir","vmir","rot","brgt","cont","rgb","quality","size","calibrationx","scale","SEP","options"],
+'customSet' : []
+},
+'embedded' : {
+'imagePath' : 'img/embedded/16/',
+'standardSet' : ["reference","zoomin","zoomout","zoomarea","zoomfull","hmir","vmir","back","fwd","page","rot","brgt","cont","rgb","quality","size","scale","bird","help","options"],
+'specialSet' : ["mark","delmark","hmir","vmir","rot","brgt","cont","rgb","quality","size","calibrationx","scale","SEP","options"],
+'customSet' : []
+}
+},
 // button groups
-//'buttonsStandard' : ["reference","zoomin","zoomout","zoomarea","zoomfull","pagewidth","back","fwd","page","bird","SEP","help","reset","options"],
-'buttonsStandard' : ["reference","zoomin","zoomout","zoomarea","zoomfull","pagewidth","mark","delmark","hmir","vmir","back","fwd","page","rot","brgt","cont","rgb","quality","size","calibrationx","scale","bird","help","options"],
-'buttonsSpecial' : ["mark","delmark","hmir","vmir","rot","brgt","cont","rgb","quality","size","calibrationx","scale","SEP","options"],
-'buttonsCustom' : [],
 // is birdView shown?
 'isBirdDivVisible' : false,
 // dimensions of bird's eye window
 'birdDivOptions' : {'dw' : 200, 'dh' : 200},
 // style of bird's eye window
 $elem.data('digilib', data);
 }
 unpackParams(data);
 // create HTML structure
 setupScalerDiv(data);
-setupButtons(data, 'buttonsStandard');
+setupButtons(data, 'standardSet');
 // bird's eye view creation
 if (elemSettings.isBirdDivVisible) {
 setupBirdDiv(data);
 }
 // about window creation - TODO: could be deferred? restrict to only one item?
 var getScalerUrl = function (data) {
 var settings = data.settings;
 if (settings.scalerBaseUrl == null) {
 alert("ERROR: URL of digilib Scaler servlet missing!");
 }
+packParams(data);
 var keys = settings.scalerParamNames;
 var queryString = getParamString(settings, keys, defaults);
 var url = settings.scalerBaseUrl + '?' + queryString;
 return url;
 };
 // creates HTML structure for buttons in elem
 var setupButtons = function (data, actionGroup) {
 var $elem = data.$elem;
 var settings = data.settings;
-if (settings.interactionMode === 'fullscreen') {
+// if (settings.interactionMode === 'fullscreen') {
-// fullscreen -- create new
+var $buttonsDiv = $('<div class="buttons"></div>');
-var $buttonsDiv = $('<div class="buttons"></div>');
+$elem.append($buttonsDiv);
-$elem.append($buttonsDiv);
+var mode = settings.interactionMode;
-var actionNames = settings[actionGroup];
+var buttonSettings = settings.buttonSettings[mode]
-for (var i = 0; i < actionNames.length; i++) {
+var actionNames = buttonSettings[actionGroup];
-var actionName = actionNames[i];
+for (var i = 0; i < actionNames.length; i++) {
-var buttonSettings = settings.buttons[actionName];
+var actionName = actionNames[i];
-// construct the button html
+var buttonConfig = settings.buttons[actionName];
-var $button = $('<div class="button"></div>');
+// construct the button html
-var $a = $('<a/>');
+var $button = $('<div class="button"></div>');
-var $img = $('<img class="button"/>');
+var $a = $('<a/>');
-$buttonsDiv.append($button);
+var $img = $('<img class="button"/>');
-$button.append($a);
+$buttonsDiv.append($button);
-$a.append($img);
+$button.append($a);
-// add attributes and bindings
+$a.append($img);
-$button.attr('title', buttonSettings.tooltip);
+// add attributes and bindings
-$button.addClass('button-' + actionName);
+$button.attr('title', buttonConfig.tooltip);
-// create handler for the buttons
+$button.addClass('button-' + actionName);
-$a.bind('click.digilib', (function () {
+// create handler for the buttons
-// we create a new closure to capture the value of action
+$a.bind('click.digilib', (function () {
-var action = buttonSettings.onclick;
+// we create a new closure to capture the value of action
-if ($.isArray(action)) {
+var action = buttonConfig.onclick;
-// the handler function calls digilib with action and parameters
+if ($.isArray(action)) {
-return function (evt) {
+// the handler function calls digilib with action and parameters
-console.debug('click action=', action, ' evt=', evt);
+return function (evt) {
-$elem.digilib.apply($elem, action);
+console.debug('click action=', action, ' evt=', evt);
-return false;
+$elem.digilib.apply($elem, action);
-};
+return false;
-} else {
+};
-// the handler function calls digilib with action
+} else {
-return function (evt) {
+// the handler function calls digilib with action
-console.debug('click action=', action, ' evt=', evt);
+return function (evt) {
-$elem.digilib(action);
+console.debug('click action=', action, ' evt=', evt);
-return false;
+$elem.digilib(action);
-};
+return false;
-}
+};
-})());
+}
-$img.attr('src', settings.buttonsImagePath + buttonSettings.img);
+})());
-}
+$img.attr('src', buttonSettings.imagePath + buttonConfig.img);
 }
 // make buttons div scroll if too large for window
 if ($buttonsDiv.height() > $(window).height() - 10) {
 $buttonsDiv.css('position', 'absolute');
 }
 return $buttonsDiv;