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

comparison client/digitallibrary/jquery/jquery.digilib.js @ 675:5c7f90a3c552 jquery

infrastructure for switchable button sets

author	robcast
date	Wed, 26 Jan 2011 10:56:45 +0100
parents	0698b6b32b9b
children	95f531b91fe7

comparison

equal deleted inserted replaced

-:0698b6b32b9b
+:5c7f90a3c552
 // path to button images (must end with a slash)
 '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' : []
+'buttonSets' : ['standardSet', 'specialSet']
 },
 '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' : []
+'buttonSets' : ['standardSet', 'specialSet']
 }
 },
 // button groups
 // is birdView shown?
 'isBirdDivVisible' : false,
 };
 // store in data element
 $elem.data('digilib', data);
 }
 unpackParams(data);
-// create HTML structure
+// create HTML structure for scaler
 setupScalerDiv(data);
-setupButtons(data, 'standardSet');
+// HTML for buttons (default is first button set)
+setupButtons(data, 0);
 // bird's eye view creation
 if (elemSettings.isBirdDivVisible) {
 setupBirdDiv(data);
 }
 // about window creation - TODO: could be deferred? restrict to only one item?
 data.$img = $img;
 $img.load(scalerImgLoadedHandler(data));
 };
 // creates HTML structure for buttons in elem
-var setupButtons = function (data, actionGroup) {
+var setupButtons = function (data, buttonSetIdx) {
 var $elem = data.$elem;
 var settings = data.settings;
-// if (settings.interactionMode === 'fullscreen') {
 var $buttonsDiv = $('<div class="buttons"></div>');
 $elem.append($buttonsDiv);
 var mode = settings.interactionMode;
 var buttonSettings = settings.buttonSettings[mode];
-var actionNames = buttonSettings[actionGroup];
+var buttonGroup = buttonSettings.buttonSets[buttonSetIdx];
-for (var i = 0; i < actionNames.length; i++) {
+var buttonNames = buttonSettings[buttonGroup];
-var actionName = actionNames[i];
+for (var i = 0; i < buttonNames.length; i++) {
-var buttonConfig = settings.buttons[actionName];
+var buttonName = buttonNames[i];
+var buttonConfig = settings.buttons[buttonName];
 // construct the button html
 var $button = $('<div class="button"></div>');
 var $a = $('<a/>');
 var $img = $('<img class="button"/>');
 $buttonsDiv.append($button);
 $button.append($a);
 $a.append($img);
 // add attributes and bindings
 $button.attr('title', buttonConfig.tooltip);
-$button.addClass('button-' + actionName);
+$button.addClass('button-' + buttonName);
 // create handler for the buttons
 $a.bind('click.digilib', (function () {
 // we create a new closure to capture the value of action
 var action = buttonConfig.onclick;
 if ($.isArray(action)) {
 $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');
+}
+if (data.$buttonSets == null) {
+data.$buttonSets = [$buttonsDiv];
+data.visibleButtonSets = 1;
+} else {
+data.$buttonSets[buttonSetIdx] = $buttonsDiv;
 }
 return $buttonsDiv;
 };
 // creates HTML structure for the bird's eye view in elem