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

comparison client/digitallibrary/jquery/jquery.digilib.regions.js @ 799:12f790cb30de jquery

started to adapt regions plugin to new plugin mechanism

author	hertzhaft
date	Fri, 18 Feb 2011 23:13:26 +0100
parents	d742bd92b05a
children	ae8e98c479d5

comparison

equal deleted inserted replaced

-:b07d1824ca2a
+:12f790cb30de
 (function($) {
 // the data object passed by digilib
 var data;
 var buttons;
 var fn;
+// affine geometry plugin stub
 var geom;
+var FULL_AREA;
 var buttons = {
 addregion : {
 onclick : "setRegion",
 tooltip : "set a region",
 onclick : "infoRegions",
 tooltip : "information about regions",
 icon : "regioninfo.png"
 }
 };
-var regionSet = ['addregion', 'delregion', 'regions', 'regioninfo', 'lessoptions'];
+var defaults = {
+// are regions shown?
+'isRegionVisible' : true,
+// buttonset of this plugin
+'regionSet' : ['addregion', 'delregion', 'regions', 'regioninfo', 'lessoptions'],
+// array of defined regions
+'regions' : []
+};
 var actions = {
 // define a region interactively with two clicked points
 "setRegion" : function(data) {
-$elem = data.$elem;
+var $elem = data.$elem;
-$scaler = data.$scaler;
+var $scaler = data.$scaler;
+var picRect = geom.rectangle($scaler);
 var pt1, pt2;
-var $regionDiv = $('<div class="region" style="display:none"/>');
+// TODO: temporary rectangle only, pass values to "addRegion" factory
-$regionDiv.attr("id", "region" + data.regions.length);
+var $tempDiv = $('<div class="region" style="display:none"/>');
-$elem.append($regionDiv);
+$elem.append($tempDiv);
-var picRect = geom.rectangle($scaler);
 var regionStart = function (evt) {
 pt1 = geom.position(evt);
 // setup and show zoom div
-pt1.adjustDiv($regionDiv);
+pt1.adjustDiv($tempDiv);
-$regionDiv.width(0).height(0);
+$tempDiv.width(0).height(0);
-$regionDiv.show();
+$tempDiv.show();
 // register events
 $elem.bind("mousemove.dlRegion", regionMove);
 $elem.bind("mouseup.dlRegion", regionEnd);
 return false;
 };
 var regionMove = function (evt) {
 pt2 = geom.position(evt);
 var rect = geom.rectangle(pt1, pt2);
 rect.clipTo(picRect);
 // update zoom div
-rect.adjustDiv($regionDiv);
+rect.adjustDiv($tempDiv);
 return false;
 };
 // mouseup handler: end moving
 var regionEnd = function (evt) {
 // unregister events
 $elem.unbind("mousemove.dlRegion", regionMove);
 $elem.unbind("mouseup.dlRegion", regionEnd);
 // clip and transform
 clickRect.clipTo(picRect);
-clickRect.adjustDiv($regionDiv);
+clickRect.adjustDiv($tempDiv);
-data.regions.push($regionDiv);
+$tempDiv.remove();
+data.settings.regions.push(clickRect);
 // fn.redisplay(data);
 return false;
 };
 // clear old handler (also ZoomDrag)
 $scaler.one('mousedown.dlRegion', regionStart);
 },
 // remove the last added region
 "removeRegion" : function (data) {
-var $regionDiv = data.regions.pop();
+var $regionDiv = data.settings.regions.pop();
 $regionDiv.remove();
 // fn.redisplay(data);
 },
 // add a region programmatically
 cropFloat(data.regions[i].height).toString();
 }
 }
 };
-// export constructor functions to digilib plugin
+var handleSetup = function (evt) {
-var init = function (digilibdata) {
+console.debug("regions: handleSetup");
-console.log('initialising regions plugin. data:', digilibdata);
+data = this;
-data = digilibdata;
+//        if (data.settings.isBirdDivVisible) {
-data.regions = [];
+//            setupBirdDiv(data);
-// setup geometry object
+//            data.$birdDiv.show();
-geom = data.plugins.geometry.init();
+//        }
-// add buttons and actions from this plugin
+};
-$.extend(this.buttons, buttons);
-$.extend(this.actions, actions);
+var handleUpdate = function (evt) {
+console.debug("regions: handleUpdate");
+data = this;
+//        if (data.settings.isBirdDivVisible) {
+//            renderBirdArea(data);
+//            setupBirdDrag(data);
+//        }
+};
+var handleRedisplay = function (evt) {
+console.debug("regions: handleRedisplay");
+data = this;
+//        if (data.settings.isBirdDivVisible) {
+//            updateBirdDiv(data);
+//        }
+};
+var handleDragZoom = function (evt, zoomArea) {
+console.debug("regions: handleDragZoom, zoomArea:", zoomArea);
+data = this;
+//        if (data.settings.isBirdDivVisible) {
+//            setBirdZoom(data, zoomArea);
+//        }
+};
+// plugin installation called by digilib on plugin object.
+var install = function(digilib) {
+// import geometry classes
+geom = digilib.fn.geometry;
+FULL_AREA = geom.rectangle(0,0,1,1);
+// add defaults
+$.extend(digilib.defaults, defaults);
+// add actions
+$.extend(digilib.actions, actions);
+// add buttons
+$.extend(digilib.buttons, buttons);
+};
+// plugin initialization
+var init = function (data) {
+console.debug('initialising regions plugin. data:', data);
+var $data = $(data);
 var buttonSettings = data.settings.buttonSettings.fullscreen;
 // configure buttons through digilib "regionSet" option
 var buttonSet = data.settings.regionSet || regionSet;
 // set regionSet to [] or '' for no buttons (when showing regions only)
 if (buttonSet.length && buttonSet.length > 0) {
 buttonSettings['regionSet'] = buttonSet;
 buttonSettings.buttonSets.push('regionSet');
 }
-fn = this.fn;
+// install event handler
-// console.log(data.settings.buttonSettings.fullscreen.buttonSets);
+$data.bind('setup', handleSetup);
-return {
+$data.bind('update', handleUpdate);
-};
+$data.bind('redisplay', handleRedisplay);
-};
+$data.bind('dragZoom', handleDragZoom);
+};
+// plugin object with name and init
+// shared objects filled by digilib on registration
+var pluginProperties = {
+name : 'region',
+install : install,
+init : init,
+buttons : {},
+actions : {},
+fn : {},
+plugins : {}
+};
 if ($.fn.digilib == null) {
-$.error("jquery.digilib.regions must be loaded after jquery.digilib!");
+$.error("jquery.digilib.birdview must be loaded after jquery.digilib!");
 } else {
-$.fn.digilib('plugin', {name : 'regions', init : init});
+$.fn.digilib('plugin', pluginProperties);
 }
 })(jQuery);