Mercurial > hg > digilib-old

annotate webapp/src/main/webapp/jquery/jquery.digilib.sliders.js @ 1060:d9abeaa44c49

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
better region info
author hertzhaft
date Sat, 31 Mar 2012 19:56:53 +0200
parents c7fd2f239953
children 4f5c5c578aa4
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
1 /**
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
2 digilib sliders plugin
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
3 */
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
4 // TODO:
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
5 // - steps
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
6 // - additional input element for numeric value
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
7
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
8 (function($) {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
9 // plugin object with digilib data
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
10 var digilib = null;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
11 // the functions made available by digilib
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
12 var fn = null;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
13 // affine geometry plugin
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
14 var geom = null;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
15
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
16 var defaults = {};
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
17
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
18 var sliderOptions = {
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
19 rot : {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
20 label : "Rotation angle",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
21 tooltip : "rotate image",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
22 icon : "rotate.png",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
23 'min' : 0,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
24 'max' : 360,
1043
e7733df2e2c4 fix buggy behaviour with step
hertzhaft
parents: 1042
diff changeset
25 'step' : 0.1,
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
26 'start' : 90
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
27 },
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
28 brgt : {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
29 label : "Brightness",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
30 tooltip : "set numeric value to be added",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
31 icon : "brightness.png",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
32 'min' : -255,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
33 'max' : 255,
1043
e7733df2e2c4 fix buggy behaviour with step
hertzhaft
parents: 1042
diff changeset
34 'step' : 10,
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
35 'start' : 0
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
36 },
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
37 cont : {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
38 label : "Contrast",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
39 tooltip : "set numeric value to be multiplied",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
40 icon : "contrast.png",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
41 'min' : -4,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
42 'max' : 4,
1043
e7733df2e2c4 fix buggy behaviour with step
hertzhaft
parents: 1042
diff changeset
43 'step' : 0.01,
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
44 'start' : 0
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
45 }
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
46 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
47
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
48 var primaryColors = ['r', 'g', 'b'];
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
49 var rgb = {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
50 r : {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
51 label : "red",
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
52 color : "#800000",
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
53 a : 0,
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
54 m : 0
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
55 },
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
56 g : {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
57 label : "green",
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
58 color : "#008000",
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
59 a : 0,
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
60 m : 0
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
61 },
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
62 b : {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
63 label : "blue",
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
64 color : "#000080",
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
65 a : 0,
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
66 m : 0
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
67 }
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
68 }
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
69 var actions = {
1038
a79be2432eb4 put new slider code back into sliders plugin
hertzhaft
parents: 1029
diff changeset
70 // shows brightness slider
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
71 tinySliderBrgt : function (data) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
72 var callback = function(val) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
73 digilib.actions.brightness(data, val);
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
74 };
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
75 singleSlider(data, 'brgt', callback);
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
76 },
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
77
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
78 // shows contrast slider
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
79 tinySliderCont : function (data) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
80 var callback = function(val) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
81 digilib.actions.contrast(data, val, true);
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
82 };
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
83 singleSlider(data, 'cont', callback);
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
84 },
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
85
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
86 // shows rotate slider
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
87 tinySliderRot : function (data) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
88 var callback = function(val) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
89 digilib.actions.rotate(data, val);
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
90 };
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
91 singleSlider(data, 'rot', callback);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
92 },
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
93
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
94 // shows RGB sliders
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
95 tinySliderRGB : function (data) {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
96 var callback = function(m, a) {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
97 digilib.actions.setRGB(data, m, a);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
98 };
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
99 rgbSlider(data, callback);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
100 }
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
101 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
102
1045
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
103 // assign button actions to sliders (rotate, brightness, contrast)
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
104 var setButtonActions = function () {
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
105 if (fn.setButtonAction == null) {
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
106 console.debug('sliders: could not assign button actions. Maybe jquery.digilib.buttons.js was not loaded?');
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
107 return;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
108 }
1045
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
109 console.debug('sliders: assign new button actions. digilib:', digilib);
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
110 fn.setButtonAction('brgt', 'tinySliderBrgt');
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
111 fn.setButtonAction('cont', 'tinySliderCont');
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
112 fn.setButtonAction('rot', 'tinySliderRot');
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
113 fn.setButtonAction('rgb', 'tinySliderRGB');
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
114 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
115
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
116 // plugin installation called by digilib on plugin object.
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
117 var install = function (plugin) {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
118 digilib = plugin;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
119 console.debug('installing sliders plugin. digilib:', digilib);
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
120 fn = digilib.fn;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
121 // import geometry classes
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
122 geom = fn.geometry;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
123 // add defaults, actions, buttons
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
124 $.extend(true, digilib.defaults, defaults); // make deep copy
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
125 $.extend(digilib.actions, actions);
1038
a79be2432eb4 put new slider code back into sliders plugin
hertzhaft
parents: 1029
diff changeset
126 setButtonActions(digilib.buttons);
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
127 // export functions
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
128 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
129
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
130 // plugin initialization
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
131 var init = function (data) {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
132 console.debug('initialising sliders plugin. data:', data);
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
133 var $data = $(data);
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
134 $data.bind('update', handleUpdate);
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
135 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
136
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
137 // get rgba/rgbm params (color brightness/contrast)
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
138 var handleUpdate = function (evt) {
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
139 console.debug("sliders: handleUpdate");
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
140 var data = this;
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
141 setStartValues(data, 'a');
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
142 setStartValues(data, 'm');
1059
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
143 var sliderSelector = '#'+ data.settings.cssPrefix + 'slider';
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
144 fn.centerOnScreen(data, fn.find(data, sliderSelector));
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
145 };
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
146
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
147 // set m/a start values for sliders
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
148 var setStartValues = function (data, code) {
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
149 var colorparts = data.settings['rgb'+code];
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
150 if (colorparts == null) return;
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
151 var values = colorparts.split("/");
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
152 rgb.r[code] = values[0] || 0;
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
153 rgb.g[code] = values[1] || 0;
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
154 rgb.b[code] = values[2] || 0;
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
155 };
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
156
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
157 /** creates a div with a form, setup events and callback
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
158 */
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
159 var setupFormDiv = function (data, $content, cssSuffix, callback) {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
160 var cssPrefix = data.settings.cssPrefix;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
161 var cls = cssPrefix + cssSuffix;
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
162 var $elem = data.$elem;
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
163 var sliderSelector = '#'+cssPrefix+'slider';
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
164 if (fn.isOnScreen(data, sliderSelector)) return; // already onscreen
1026
01ea28b6fe11 commit sliders, not yet functional
hertzhaft
parents: 1022
diff changeset
165 var html = '\
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
166 <div id="'+cssPrefix+'slider" class="'+cls+'">\
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
167 <form class="'+cls+'">\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
168 <input class="'+cls+'cancel" type="button" value="Cancel"/>\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
169 <input type="submit" name="sub" value="Ok"/>\
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
170 </form>\
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
171 </div>';
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
172 $div = $(html).appendTo($elem);
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
173 var $form = $div.find('form');
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
174 $form.prepend($content);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
175 // handle submit
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
176 $form.on('submit', function () {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
177 callback();
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
178 fn.withdraw($div);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
179 return false;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
180 });
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
181 // handle cancel
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
182 $form.find('.'+cls+'cancel').on('click', function () {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
183 fn.withdraw($div);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
184 });
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
185 // show div
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
186 $div.fadeIn();
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
187 // fix non-HTML5 slider
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
188 var tiny = cssPrefix + 'tinyslider';
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
189 var $range = $form.find('input.'+tiny+'range');
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
190 var HTML5 = $range.prop('type') === 'range';
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
191 if (!HTML5) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
192 console.debug('fix input type=range');
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
193 $range.range({change: function (val) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
194 $range.trigger('change');
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
195 }});
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
196 }
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
197 fn.centerOnScreen(data, $div);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
198 return $div;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
199 };
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
200
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
201 /** creates a TinyRangeSlider
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
202 */
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
203 var tinySlider = function (data, paramname, startval) {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
204 var $elem = data.$elem;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
205 var opts = sliderOptions[paramname];
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
206 var param = startval || data.settings[paramname] || opts.start;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
207 var cssPrefix = data.settings.cssPrefix;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
208 var cls = cssPrefix + 'tinyslider';
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
209 var html = '\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
210 <div class="'+cls+'frame">\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
211 <span>'+opts.label+'</span>\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
212 <input type="range" class="'+cls+'range" name="'+paramname+'" step="'+opts.step+'" min="'+opts.min+'" max="'+opts.max+'" value="'+param+'"/>\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
213 <input type="text" class="'+cls+'text" name="'+paramname+'" size="4" value="'+param+'"/>\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
214 </div>';
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
215 var $slider = $(html);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
216 var $range = $slider.find('input.'+cls+'range');
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
217 var $text = $slider.find('input.'+cls+'text');
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
218 $slider.data({'$text' : $text, '$range' : $range});
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
219 // connect slider and input
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
220 $range.on('change', function () {
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
221 // crop floating point imprecision
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
222 var val = parseFloat($range.val()).toFixed(4);
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
223 $text.val(parseFloat(val));
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
224 });
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
225 $text.on('change', function () {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
226 var val = $text.val();
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
227 $range.val(val);
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
228 // val doesn't change the slider handle position in Tinyrange
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
229 // can't use a jQuery "valHook" here because input type is reported as "text" (???)
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
230 var HTML5 = $range.prop('type') === 'range';
1044
2d04f160ce09 move slider handle when a new value is entered
hertzhaft
parents: 1043
diff changeset
231 if (!HTML5) {
2d04f160ce09 move slider handle when a new value is entered
hertzhaft
parents: 1043
diff changeset
232 $range.range('set', val);
2d04f160ce09 move slider handle when a new value is entered
hertzhaft
parents: 1043
diff changeset
233 }
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
234 });
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
235 return $slider;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
236 };
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
237
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
238 /** creates a single TinyRangeSlider for param "paramname",
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
239 the new value is passed to the "callback" function.
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
240 */
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
241 var singleSlider = function (data, paramname, callback) {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
242 var $slider = tinySlider(data, paramname);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
243 var getValue = function () {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
244 var val = $slider.data('$text').val();
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
245 callback(val);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
246 };
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
247 setupFormDiv(data, $slider, 'singleslider', getValue);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
248 };
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
249
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
250 /** creates a compound RGB slider
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
251 the new values are passed to the "callback" function.
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
252 */
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
253 var rgbSlider = function (data, callback) {
1059
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
254 var css = data.settings.cssPrefix;
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
255 var cls = css + 'rgbslider';
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
256 var html = '\
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
257 <div>\
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
258 <table class="'+cls+'" />\
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
259 <div class="'+cls+'grey">\
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
260 <span/><span/><span/><span/><span/><span/><span/><span/><span/>\
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
261 </div>\
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
262 <div class="'+cls+'indicator">\
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
263 <span/><span/><span/><span/><span/><span/><span/><span/><span/>\
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
264 </div>\
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
265 </div>';
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
266 var $div = $(html);
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
267 var $table = $div.find('table');
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
268 var setupTableRow = function(index, value) {
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
269 var color = rgb[value];
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
270 // start values are set in "handleSetup"
1059
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
271 var $tr = $('<tr/>').appendTo($table);
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
272 var html = '\
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
273 <td class="'+css+'color '+css+value+'">\
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
274 <div>'+color.label+'</div>\
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
275 </td>';
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
276 $(html).appendTo($tr);
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
277 var $brgt = tinySlider(data, 'brgt', color.a);
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
278 var $cont = tinySlider(data, 'cont', color.m);
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
279 $table.data(value+'a', $brgt.data('$text'));
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
280 $table.data(value+'m', $cont.data('$text'));
1059
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
281 $('<td class="'+css+'rgb"/>').append($brgt).appendTo($tr);
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
282 $('<td class="'+css+'rgb"/>').append($cont).appendTo($tr);
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
283 }
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
284 $.each(primaryColors, setupTableRow);
1060
d9abeaa44c49 better region info
hertzhaft
parents: 1059
diff changeset
285 var setGreyValue = function (index) {
1059
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
286 var val = index * 32;
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
287 $(this).css('background-color', 'rgb('+val+','+val+','+val+')');
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
288 };
1060
d9abeaa44c49 better region info
hertzhaft
parents: 1059
diff changeset
289 $div.find('div.'+cls+'grey span').each(setGreyValue);
d9abeaa44c49 better region info
hertzhaft
parents: 1059
diff changeset
290 $div.find('div.'+cls+'indicator span').each(setGreyValue);
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
291 var getValues = function () {
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
292 // get values from sliders
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
293 var input = $table.data();
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
294 var rgba = input['ra'].val() + '/' + input['ga'].val() + '/' + input['ba'].val();
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
295 var rgbm = input['rm'].val() + '/' + input['gm'].val() + '/' + input['bm'].val();
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
296 callback(rgbm, rgba);
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
297 };
1059
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
298 setupFormDiv(data, $div, 'rgbslider', getValues);
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
299 };
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
300
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
301 // plugin object with name and init
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
302 // shared objects filled by digilib on registration
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
303 var plugin = {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
304 name : 'sliders',
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
305 install : install,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
306 init : init,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
307 buttons : {},
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
308 actions : {},
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
309 fn : {},
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
310 plugins : {}
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
311 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
312
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
313 if ($.fn.digilib == null) {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
314 $.error("jquery.digilib.sliders must be loaded after jquery.digilib!");
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
315 } else {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
316 $.fn.digilib('plugin', plugin);
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
317 }
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
318 })(jQuery);