Mercurial > hg > digilib-old

annotate webapp/src/main/webapp/jquery/jquery.digilib.regions.js @ 991:497ab03868ab

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
moved marks to separate plugin. (pack and unpack is still in digilib.js)
author robcast
date Mon, 06 Feb 2012 20:13:11 +0100
parents 68709fc53a59
children 0b63093d598e
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
1 /** optional digilib regions plugin
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
2
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
3 markup a digilib image with rectangular regions
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
4
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
5 TODO:
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
6 how to display regions correctly in embedded mode?
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
7 */
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
8
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
9 (function($) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
10 // the digilib object
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
11 var digilib;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
12 // the functions made available by digilib
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
13 var fn;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
14 // affine geometry plugin
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
15 var geom;
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
16
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
17 var FULL_AREA;
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
18
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
19 var ID_PREFIX = "digilib-region-";
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
20
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
21 var buttons = {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
22 addregion : {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
23 onclick : "defineRegion",
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
24 tooltip : "define a region",
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
25 icon : "addregion.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
26 },
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
27 delregion : {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
28 onclick : "removeRegion",
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
29 tooltip : "delete the last region",
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
30 icon : "delregion.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
31 },
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
32 regions : {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
33 onclick : "toggleRegions",
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
34 tooltip : "show or hide regions",
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
35 icon : "regions.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
36 },
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
37 regionhtml : {
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
38 onclick : "showRegionInfo",
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
39 tooltip : "show information about regions",
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
40 icon : "regioninfo.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
41 }
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
42 };
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
43
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
44 var defaults = {
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
45 // are regions shown?
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
46 'isRegionVisible' : true,
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
47 // are region numbers shown?
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
48 'showRegionNumbers' : false,
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
49 // is window with region HTML shown?
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
50 'showRegionInfo' : false,
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
51 // is there region content in the page?
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
52 'hasRegionContent' : false,
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
53 // turn any region into a clickable link to its detail view
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
54 'autoRegionLinks' : false,
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
55 // class name for content divs (must additionally be marked with class "keep")
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
56 'regionContentSelector' : 'div.regioncontent',
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
57 // buttonset of this plugin
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
58 'regionSet' : ['regions', 'addregion', 'delregion', 'regionhtml', 'lessoptions'],
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
59 // url param for regions
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
60 'rg' : null
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
61 };
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
62
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
63 var actions = {
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
64
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
65 // define a region interactively with two clicked points
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
66 "defineRegion" : function(data) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
67 if (!data.settings.isRegionVisible) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
68 alert("Please turn on regions visibility!");
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
69 return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
70 }
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
71 var $elem = data.$elem;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
72 var $body = $('body');
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
73 var bodyRect = geom.rectangle($body);
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
74 var $scaler = data.$scaler;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
75 var scalerRect = geom.rectangle($scaler);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
76 var pt1, pt2;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
77 // overlay prevents other elements from reacting to mouse events
969
68709fc53a59 set regions overlay div position to absolute, avoiding scrollbar jumps
hertzhaft
parents: 958
diff changeset
78 var $overlay = $('<div class="digilib-overlay" style="position:absolute"/>');
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
79 $body.append($overlay);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
80 bodyRect.adjustDiv($overlay);
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
81 var $regionDiv = addRegionDiv(data, data.regions.length);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
82
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
83 // mousedown handler: start sizing
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
84 var regionStart = function (evt) {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
85 pt1 = geom.position(evt);
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
86 // setup and show zoom div
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
87 pt1.adjustDiv($regionDiv);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
88 $regionDiv.width(0).height(0);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
89 $regionDiv.show();
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
90 // register mouse events
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
91 $overlay.on("mousemove.dlRegion", regionMove);
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
92 $overlay.on("mouseup.dlRegion", regionEnd);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
93 return false;
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
94 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
95
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
96 // mousemove handler: size region
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
97 var regionMove = function (evt) {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
98 pt2 = geom.position(evt);
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
99 var rect = geom.rectangle(pt1, pt2);
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
100 rect.clipTo(scalerRect);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
101 // update region
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
102 rect.adjustDiv($regionDiv);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
103 return false;
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
104 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
105
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
106 // mouseup handler: end sizing
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
107 var regionEnd = function (evt) {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
108 pt2 = geom.position(evt);
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
109 // assume a click and continue if the area is too small
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
110 var clickRect = geom.rectangle(pt1, pt2);
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
111 if (clickRect.getArea() <= 5) return false;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
112 // unregister mouse events and get rid of overlay
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
113 $overlay.off("mousemove.dlRegion", regionMove);
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
114 $overlay.off("mouseup.dlRegion", regionEnd);
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
115 $overlay.remove();
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
116 // clip region
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
117 clickRect.clipTo(scalerRect);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
118 clickRect.adjustDiv($regionDiv);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
119 storeRegion(data, $regionDiv);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
120 // fn.redisplay(data);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
121 fn.highlightButtons(data, 'addregion', 0);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
122 redisplay(data);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
123 return false;
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
124 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
125
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
126 // bind start zoom handler
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
127 $overlay.one('mousedown.dlRegion', regionStart);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
128 fn.highlightButtons(data, 'addregion', 1);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
129 },
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
130
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
131 // remove the last added region
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
132 "removeRegion" : function (data) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
133 if (!data.settings.isRegionVisible) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
134 alert("Please turn on regions visibility!");
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
135 return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
136 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
137 var region = data.regions.pop();
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
138 if (region == null) return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
139 var $regionDiv = region.$div;
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
140 $regionDiv.remove();
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
141 redisplay(data);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
142 },
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
143
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
144 // show/hide regions
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
145 "toggleRegions" : function (data) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
146 var show = !data.settings.isRegionVisible;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
147 data.settings.isRegionVisible = show;
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
148 fn.highlightButtons(data, 'regions', show);
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
149 renderRegions(data, 1);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
150 },
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
151
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
152 // show/hide region HTML code
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
153 "showRegionInfo" : function (data) {
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
154 var show = !data.settings.showRegionInfo;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
155 data.settings.showRegionInfo = show;
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
156 fn.highlightButtons(data, 'regionhtml', show);
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
157 var $html = data.$htmlDiv;
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
158 if (!show) {
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
159 // empty the div
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
160 $html.fadeOut(function () {
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
161 $html.contents().remove();
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
162 });
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
163 return;
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
164 }
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
165 regionInfo(data);
991
497ab03868ab moved marks to separate plugin. (pack and unpack is still in digilib.js)
robcast
parents: 969
diff changeset
166 }
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
167
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
168 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
169
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
170 // store a region div
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
171 var storeRegion = function (data, $regionDiv) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
172 var regions = data.regions;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
173 var rect = geom.rectangle($regionDiv);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
174 var regionRect = data.imgTrafo.invtransform(rect);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
175 regionRect.$div = $regionDiv;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
176 regions.push(regionRect);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
177 console.debug("regions", data.regions, "regionRect", regionRect);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
178 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
179
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
180 // clickable header
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
181 var regionInfoHeader = function (data) {
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
182 var $infoDiv = $('<div class="infoheader"/>');
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
183 var $h01 = $('<div class="infobutton">HTML</div>');
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
184 var $h02 = $('<div class="infobutton">SVG</div>');
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
185 var $h03 = $('<div class="infobutton">Digilib</div>');
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
186 var $h04 = $('<div class="infobutton">X</div>');
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
187 var bind = function($div, name) {
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
188 $div.on('click.regioninfo', function () {
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
189 var $top = $(this).parent().parent();
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
190 $top.find('.info').hide();
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
191 $top.find('.' + name).show();
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
192 });
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
193 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
194 bind($h01, 'html');
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
195 bind($h02, 'svgattr');
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
196 bind($h03, 'digilib');
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
197 var $html = data.$htmlDiv;
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
198 $h04.on('click.regioninfo', function () {
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
199 data.settings.showRegionInfo = false;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
200 fn.highlightButtons(data, 'regionhtml', false);
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
201 $html.fadeOut(function () {
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
202 $html.contents().remove();
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
203 });
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
204 });
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
205 $infoDiv.append($h01, $h02, $h03, $h04);
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
206 return $infoDiv;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
207 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
208
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
209 // html for later insertion
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
210 var regionInfoHTML = function (data) {
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
211 var $infoDiv = $('<div class="info html"/>');
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
212 $infoDiv.append($('<div/>').text('<div class="keep regioncontent">'));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
213 $.each(data.regions, function(index, r) {
872
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
214 var area = [
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
215 fn.cropFloatStr(r.x),
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
216 fn.cropFloatStr(r.y),
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
217 fn.cropFloatStr(r.width),
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
218 fn.cropFloatStr(r.height)].join(',');
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
219 $infoDiv.append($('<div/>').text('<a coords="' + area + '" >'));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
220 });
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
221 $infoDiv.append($('<div/>').text('</div>'));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
222 return $infoDiv;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
223 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
224
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
225 // SVG-style
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
226 var regionInfoSVG = function (data) {
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
227 var $infoDiv = $('<div class="info svgattr"/>');
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
228 $.each(data.regions, function(index, r) {
872
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
229 var area = [
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
230 fn.cropFloatStr(r.x),
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
231 fn.cropFloatStr(r.y),
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
232 fn.cropFloatStr(r.width),
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
233 fn.cropFloatStr(r.height)].join(' ');
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
234 $infoDiv.append($('<div/>').text('"' + area + '"'));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
235 });
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
236 return $infoDiv;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
237 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
238
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
239 // digilib-style
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
240 var regionInfoDigilib = function (data) {
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
241 var $infoDiv = $('<div class="info digilib"/>');
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
242 $.each(data.regions, function(index, r) {
862
7ebdc106a61a second step towards zoom arrows
hertzhaft
parents: 855
diff changeset
243 var area = r.toString();
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
244 $infoDiv.append($('<div/>').text(area));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
245 });
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
246 return $infoDiv;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
247 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
248
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
249 // show region info in a window
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
250 var regionInfo = function (data) {
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
251 var $html = data.$htmlDiv;
874
46444fe43b15 oops, should have tested first
hertzhaft
parents: 873
diff changeset
252 $html.append(regionInfoHeader(data));
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
253 $html.append(regionInfoHTML(data));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
254 $html.append(regionInfoSVG(data));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
255 $html.append(regionInfoDigilib(data));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
256 $html.fadeIn();
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
257 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
258
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
259 // add a region to data.$elem
873
29f214f59654 copy more region attributes
hertzhaft
parents: 872
diff changeset
260 var addRegionDiv = function (data, index, attributes) {
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
261 var nr = index + 1; // we count regions from 1
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
262 // create a digilib URL for this detail
874
46444fe43b15 oops, should have tested first
hertzhaft
parents: 873
diff changeset
263 var url = attributes ? attributes.href : getRegionUrl(data, index);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
264 var $regionDiv = $('<div class="region overlay" style="display:none"/>');
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
265 $regionDiv.attr("id", ID_PREFIX + nr);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
266 data.$elem.append($regionDiv);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
267 if (data.settings.showRegionNumbers) {
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
268 var $regionLink = $('<a class="regionnumber"/>');
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
269 if (attributes) $regionLink.attr(attributes);
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
270 $regionLink.text(nr);
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
271 $regionDiv.append($regionLink);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
272 }
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
273 if (data.settings.autoRegionLinks) {
875
8ddc379e83af can't delete from undefined
hertzhaft
parents: 874
diff changeset
274 if (attributes) {
8ddc379e83af can't delete from undefined
hertzhaft
parents: 874
diff changeset
275 delete attributes.href;
8ddc379e83af can't delete from undefined
hertzhaft
parents: 874
diff changeset
276 $regionDiv.attr(attributes);
8ddc379e83af can't delete from undefined
hertzhaft
parents: 874
diff changeset
277 };
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
278 $regionDiv.on('click.dlRegion', function() {
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
279 window.location = url;
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
280 });
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
281 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
282 return $regionDiv;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
283 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
284
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
285 // create a region div from the data.regions array
947
5bde01bcfb16 button plugin works now.
robcast
parents: 941
diff changeset
286 var createRegionDiv = function (data, regions, index, attributes) {
873
29f214f59654 copy more region attributes
hertzhaft
parents: 872
diff changeset
287 var $regionDiv = addRegionDiv(data, index, attributes);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
288 var region = regions[index];
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
289 region.$div = $regionDiv;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
290 return $regionDiv;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
291 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
292
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
293 // create regions from URL parameters
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
294 var createRegionsFromURL = function (data) {
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
295 unpackRegions(data);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
296 var regions = data.regions;
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
297 $.each(regions, function(i) {
947
5bde01bcfb16 button plugin works now.
robcast
parents: 941
diff changeset
298 createRegionDiv(data, regions, i);
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
299 });
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
300 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
301
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
302 // create regions from HTML
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
303 var createRegionsFromHTML = function (data) {
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
304 var regions = data.regions;
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
305 var selector = data.settings.regionContentSelector;
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
306 // regions are defined in "a" tags
835
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
307 var $content = data.$elem.contents(selector).contents('a');
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
308 console.debug("createRegionsFromHTML. elems: ", $content);
835
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
309 $content.each(function(index, a) {
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
310 var $a = $(a);
852
4658ec2f9565 why not use coords attribute for coords?
hertzhaft
parents: 851
diff changeset
311 // the "coords" attribute contains the region coords (0..1)
4658ec2f9565 why not use coords attribute for coords?
hertzhaft
parents: 851
diff changeset
312 var coords = $a.attr('coords');
4658ec2f9565 why not use coords attribute for coords?
hertzhaft
parents: 851
diff changeset
313 var pos = coords.split(",", 4);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
314 var rect = geom.rectangle(pos[0], pos[1], pos[2], pos[3]);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
315 regions.push(rect);
873
29f214f59654 copy more region attributes
hertzhaft
parents: 872
diff changeset
316 // save the attributes
29f214f59654 copy more region attributes
hertzhaft
parents: 872
diff changeset
317 var attributes = {};
874
46444fe43b15 oops, should have tested first
hertzhaft
parents: 873
diff changeset
318 if ($a.attr('id')) { attributes.id = $a.attr('id'); }
46444fe43b15 oops, should have tested first
hertzhaft
parents: 873
diff changeset
319 if ($a.attr('href')) { attributes.href = $a.attr('href'); }
46444fe43b15 oops, should have tested first
hertzhaft
parents: 873
diff changeset
320 if ($a.attr('title')) { attributes.title = $a.attr('title'); }
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
321 // create the div
947
5bde01bcfb16 button plugin works now.
robcast
parents: 941
diff changeset
322 var $regionDiv = createRegionDiv(data, regions, index, attributes);
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
323 var $contents = $a.contents().clone();
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
324 $regionDiv.append($contents);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
325 });
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
326 };
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
327
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
328 // show a region on top of the scaler image
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
329 var renderRegion = function (data, index, anim) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
330 if (!data.imgTrafo) return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
331 var $elem = data.$elem;
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
332 var regions = data.regions;
950
164d69e2c481 much nicer implementation of preview for scrolling and zooming.
robcast
parents: 947
diff changeset
333 var zoomArea = data.zoomArea;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
334 if (index > regions.length) return;
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
335 var region = regions[index];
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
336 var $regionDiv = region.$div;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
337 if (!$regionDiv) {
950
164d69e2c481 much nicer implementation of preview for scrolling and zooming.
robcast
parents: 947
diff changeset
338 console.error("renderRegion: region has no $div", region);
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
339 // alert("renderRegion: region has no $div to show");
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
340 return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
341 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
342 var regionRect = region.copy();
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
343 var show = data.settings.isRegionVisible;
950
164d69e2c481 much nicer implementation of preview for scrolling and zooming.
robcast
parents: 947
diff changeset
344 if (show && zoomArea.overlapsRect(regionRect)) {
164d69e2c481 much nicer implementation of preview for scrolling and zooming.
robcast
parents: 947
diff changeset
345 regionRect.clipTo(zoomArea);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
346 var screenRect = data.imgTrafo.transform(regionRect);
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
347 console.debug("renderRegion: pos=",geom.position(screenRect));
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
348 if (anim) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
349 $regionDiv.fadeIn();
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
350 } else{
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
351 $regionDiv.show();
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
352 }
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
353 // for some reason adjustDiv sets wrong coords when called BEFORE show()?
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
354 screenRect.adjustDiv($regionDiv);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
355 } else {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
356 if (anim) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
357 $regionDiv.fadeOut();
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
358 } else{
824
f0a5e4d2cba7 hide region when outside of zoomArea, not show
hertzhaft
parents: 823
diff changeset
359 $regionDiv.hide();
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
360 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
361 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
362 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
363
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
364 // show regions
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
365 var renderRegions = function (data, anim) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
366 for (var i = 0; i < data.regions.length ; i++) {
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
367 renderRegion(data, i, anim);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
368 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
369 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
370
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
371 var unpackRegions = function (data) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
372 // create regions from parameters
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
373 var rg = data.settings.rg;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
374 if (rg == null) return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
375 var regions = data.regions;
958
2a2e8c039c29 changed regions parameter separator to the same as for marks
hertzhaft
parents: 950
diff changeset
376 var rs = rg.split(",");
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
377 for (var i = 0; i < rs.length; i++) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
378 var r = rs[i];
958
2a2e8c039c29 changed regions parameter separator to the same as for marks
hertzhaft
parents: 950
diff changeset
379 var pos = r.split("/", 4);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
380 var rect = geom.rectangle(pos[0], pos[1], pos[2], pos[3]);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
381 regions.push(rect);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
382 }
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
383 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
384
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
385 // pack regions array into a parameter string
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
386 var packRegions = function (data) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
387 var regions = data.regions;
815
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
388 if (!regions.length) {
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
389 data.settings.rg = null;
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
390 return;
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
391 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
392 var rg = '';
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
393 for (var i = 0; i < regions.length; i++) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
394 region = regions[i];
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
395 if (i) {
958
2a2e8c039c29 changed regions parameter separator to the same as for marks
hertzhaft
parents: 950
diff changeset
396 rg += ',';
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
397 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
398 rg += [
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
399 fn.cropFloatStr(region.x),
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
400 fn.cropFloatStr(region.y),
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
401 fn.cropFloatStr(region.width),
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
402 fn.cropFloatStr(region.height)
958
2a2e8c039c29 changed regions parameter separator to the same as for marks
hertzhaft
parents: 950
diff changeset
403 ].join('/');
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
404 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
405 data.settings.rg = rg;
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
406 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
407
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
408 // reload display after a region has been added or removed
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
409 var redisplay = function (data) {
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
410 if (!data.settings.hasRegionContent) {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
411 packRegions(data);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
412 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
413 fn.redisplay(data);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
414 };
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
415
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
416 // for turning region numbers/region divs into links to zoomed details
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
417 var getRegionUrl = function (data, index) {
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
418 var region = data.regions[index];
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
419 var settings = data.settings;
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
420 var params = {
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
421 "fn" : settings.fn,
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
422 "pn" : settings.pn
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
423 };
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
424 fn.packArea(params, region);
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
425 fn.packMarks(params, data.marks);
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
426 fn.packScalerFlags(params, data.scalerFlags);
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
427 var paramNames = digilib.defaults.digilibParamNames;
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
428 // build our own digilib URL without storing anything
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
429 var queryString = fn.getParamString(params, paramNames, digilib.defaults);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
430 return settings.digilibBaseUrl + '?' + queryString;
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
431 };
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
432
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
433 // event handler, reads region parameter and creates region divs
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
434 var handleSetup = function (evt) {
941
565789329189 fix non-local variable use.
robcast
parents: 920
diff changeset
435 var data = this;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
436 console.debug("regions: handleSetup", data.settings.rg);
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
437 // regions with content are given in HTML divs
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
438 if (data.settings.hasRegionContent) {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
439 createRegionsFromHTML(data);
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
440 // regions are defined in the URL
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
441 } else {
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
442 createRegionsFromURL(data);
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
443 fn.highlightButtons(data, 'regionhtml', data.settings.showRegionInfo);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
444 }
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
445 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
446
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
447 // event handler, sets buttons and shows regions when scaler img is reloaded
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
448 var handleUpdate = function (evt) {
941
565789329189 fix non-local variable use.
robcast
parents: 920
diff changeset
449 var data = this;
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
450 console.debug("regions: handleUpdate");
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
451 var settings = data.settings;
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
452 fn.highlightButtons(data, 'regions' , settings.isRegionVisible);
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
453 fn.highlightButtons(data, 'regionhtml' , settings.showRegionInfo);
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
454 renderRegions(data);
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
455 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
456
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
457 // plugin installation called by digilib on plugin object.
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
458 var install = function(plugin) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
459 digilib = plugin;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
460 console.debug('installing regions plugin. digilib:', digilib);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
461 fn = digilib.fn;
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
462 // import geometry classes
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
463 geom = fn.geometry;
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
464 FULL_AREA = geom.rectangle(0,0,1,1);
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
465 // add defaults, actions, buttons
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
466 $.extend(digilib.defaults, defaults);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
467 $.extend(digilib.actions, actions);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
468 $.extend(digilib.buttons, buttons);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
469 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
470
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
471 // plugin initialization
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
472 var init = function (data) {
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
473 console.debug('initialising regions plugin. data:', data);
835
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
474 var $elem = data.$elem;
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
475 // regions array
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
476 data.regions = [];
835
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
477 // regions div
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
478 var $html = $('<div class="keep regionHTML"/>');
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
479 $elem.append($html);
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
480 data.$htmlDiv = $html;
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
481 // install event handler
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
482 var $data = $(data);
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
483 $data.on('setup', handleSetup);
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
484 $data.on('update', handleUpdate);
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
485 var settings = data.settings;
947
5bde01bcfb16 button plugin works now.
robcast
parents: 941
diff changeset
486 var selector = settings.regionContentSelector;
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
487 settings.hasRegionContent = $elem.has(selector).length > 0;
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
488 // neither URL-defined regions nor buttons when regions are predefined in HTML
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
489 if (!settings.hasRegionContent) {
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
490 var mode = settings.interactionMode;
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
491 // add "rg" to digilibParamNames
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
492 settings.digilibParamNames.push('rg');
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
493 // additional buttons
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
494 var buttonSettings = settings.buttonSettings[mode];
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
495 // configure buttons through digilib "regionSet" option
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
496 var buttonSet = settings.regionSet || regionSet;
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
497 // set regionSet to [] or '' for no buttons (when showing regions only)
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
498 if (buttonSet.length && buttonSet.length > 0) {
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
499 buttonSettings.regionSet = buttonSet;
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
500 buttonSettings.buttonSets.push('regionSet');
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
501 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
502 }
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
503 };
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
504
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
505 // plugin object with name and install/init methods
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
506 // shared objects filled by digilib on registration
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
507 var pluginProperties = {
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
508 name : 'region',
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
509 install : install,
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
510 init : init,
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
511 buttons : {},
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
512 actions : {},
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
513 fn : {},
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
514 plugins : {}
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
515 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
516
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
517 if ($.fn.digilib == null) {
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
518 $.error("jquery.digilib.regions must be loaded after jquery.digilib!");
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
519 } else {
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
520 $.fn.digilib('plugin', pluginProperties);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
521 }
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
522 })(jQuery);