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

comparison client/digitallibrary/jquery/jquery.digilib.js @ 871:36b38738ed3e jquery

arrows: show only if zoomarea can move

author	hertzhaft
date	Thu, 17 Mar 2011 17:27:07 +0100
parents	5d811828347b
children	df78d6b36540

comparison

equal deleted inserted replaced

-:5d811828347b
+:36b38738ed3e
 };
 // size and show arrow overlays, called after scaler img is loaded
 var renderZoomArrows = function (data) {
 var settings = data.settings;
-if (isFullArea(data) || !settings.showZoomArrows) return;
+if (isFullArea(data.zoomArea) || !settings.showZoomArrows) return;
 var $arrowsDiv = data.$elem.find('div.arrows');
 var r = geom.rectangle(data.$scaler);
 // calculate arrow bar width
 var aw = settings.zoomArrowWidth;
 var minWidth = settings.zoomArrowMinWidth;
 if (aw < minWidth) {
 aw = minWidth;
 }
 }
 $arrowsDiv.show();
-renderZoomArrow($arrowsDiv, 'up', geom.rectangle(r.x, r.y, r.width, aw));
+var arrowData = [{
-renderZoomArrow($arrowsDiv, 'down', geom.rectangle(r.x, r.y + r.height - aw, r.width));
+name : 'up',
-renderZoomArrow($arrowsDiv, 'left', geom.rectangle(r.x, r.y, aw, r.height));
+rect : geom.rectangle(r.x, r.y, r.width, aw),
-renderZoomArrow($arrowsDiv, 'right', geom.rectangle(r.x + r.width - aw, r.y, aw, r.height));
+show : canMove(data, 0, -1)
-};
+}, {
+name : 'down',
-// render a single zoom Arrow
+rect : geom.rectangle(r.x, r.y + r.height - aw, r.width),
-var renderZoomArrow = function ($div, name, rect) {
+show : canMove(data, 0, 1)
-var $arrow = $div.find('div.button-' + name);
+}, {
-rect.adjustDiv($arrow);
+name : 'left',
+rect : geom.rectangle(r.x, r.y, aw, r.height),
+show : canMove(data, -1, 0)
+}, {
+name : 'right',
+rect : geom.rectangle(r.x + r.width - aw, r.y, aw, r.height),
+show : canMove(data, 1, 0)
+}];
+// render a single zoom Arrow
+var render = function (i, item) {
+var $arrow = $arrowsDiv.find('div.button-' + item.name);
+item.rect.adjustDiv($arrow);
+if (item.show) {
+$arrow.show();
+} else {
+$arrow.hide();
+}
+};
+$.each(arrowData, render);
 };
 // creates HTML structure for the about view in elem
 var setupAboutDiv = function (data) {
 var $elem = data.$elem;
 var getBorderWidth = function($elem) {
 var border = $elem.outerWidth() - $elem.width();
 return border/2;
 };
+// auxiliary function, can the current zoomarea be moved further?
+var canMove = function(data, movx, movy) {
+var za = data.zoomArea;
+if (isFullArea(za)) return false;
+var x2 = za.x + za.width;
+var y2 = za.y + za.height;
+return ((movx < 0) && (za.x > 0))
+|| ((movx > 0) && (x2 < 1.0))
+|| ((movy < 0) && (za.y > 0))
+|| ((movy > 0) && (y2 < 1.0))
+};
 // auxiliary function (from old dllib.js)
 var isFullArea = function (area) {
 return (area.width === 1.0) && (area.height === 1.0);
 };
 getImgTrafo : getImgTrafo,
 getQuality : getQuality,
 setQuality : setQuality,
 getScaleMode : getScaleMode,
 setScaleMode : setScaleMode,
+canMove : canMove,
 isFullArea : isFullArea,
 isNumber : isNumber,
 getBorderWidth : getBorderWidth,
 cropFloat : cropFloat,
 cropFloatStr : cropFloatStr