Mercurial > hg > digilib-old

annotate webapp/src/main/webapp/jquery/jquery.digilib.sliders.js @ 1066:555f6f0d6be5

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
prepare for making rgb indicator an independent widget
author hertzhaft
date Mon, 02 Apr 2012 08:19:21 +0200
parents 897f0560af46
children 788c757d7f70
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",
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
23 indicator : false,
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
24 'min' : 0,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
25 'max' : 360,
1043
e7733df2e2c4 fix buggy behaviour with step
hertzhaft
parents: 1042
diff changeset
26 'step' : 0.1,
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
27 'start' : 90
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
28 },
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
29 brgt : {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
30 label : "Brightness",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
31 tooltip : "set numeric value to be added",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
32 icon : "brightness.png",
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
33 indicator : true,
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
34 'min' : -255,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
35 'max' : 255,
1043
e7733df2e2c4 fix buggy behaviour with step
hertzhaft
parents: 1042
diff changeset
36 'step' : 10,
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
37 'start' : 0
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
38 },
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
39 cont : {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
40 label : "Contrast",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
41 tooltip : "set numeric value to be multiplied",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
42 icon : "contrast.png",
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
43 indicator : true,
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
44 'min' : -4,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
45 'max' : 4,
1043
e7733df2e2c4 fix buggy behaviour with step
hertzhaft
parents: 1042
diff changeset
46 'step' : 0.01,
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
47 'start' : 0
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
48 }
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
49 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
50
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
51 var primaryColors = ['r', 'g', 'b'];
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
52 var rgb = {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
53 r : {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
54 label : "red",
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
55 color : "#800000",
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
56 a : 0,
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
57 m : 0
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
58 },
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
59 g : {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
60 label : "green",
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
61 color : "#008000",
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
62 a : 0,
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
63 m : 0
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
64 },
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
65 b : {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
66 label : "blue",
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
67 color : "#000080",
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
68 a : 0,
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
69 m : 0
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
70 }
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
71 }
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
72 var actions = {
1038
a79be2432eb4 put new slider code back into sliders plugin
hertzhaft
parents: 1029
diff changeset
73 // shows brightness slider
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
74 tinySliderBrgt : function (data) {
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
75 var onSubmit = function(val) {
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
76 digilib.actions.brightness(data, val);
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
77 };
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
78 singleSlider(data, 'brgt', onSubmit);
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
79 },
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
80
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
81 // shows contrast slider
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
82 tinySliderCont : function (data) {
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
83 var onSubmit = function(val) {
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
84 digilib.actions.contrast(data, val, true);
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
85 };
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
86 singleSlider(data, 'cont', onSubmit);
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
87 },
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
88
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
89 // shows rotate slider
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
90 tinySliderRot : function (data) {
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
91 var onSubmit = function(val) {
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
92 digilib.actions.rotate(data, val);
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
93 };
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
94 singleSlider(data, 'rot', onSubmit);
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
95 },
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
96
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
97 // shows RGB sliders
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
98 tinySliderRGB : function (data) {
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
99 var onSubmit = function(m, a) {
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
100 digilib.actions.setRGB(data, m, a);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
101 };
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
102 rgbSlider(data, onSubmit);
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
103 }
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
104 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
105
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
106 var indicators = {
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
107 brgt : function ($slider, value) {
1066
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
108 // TODO: replace with call to setIndicatorValues()
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
109 var brgt = parseFloat(value);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
110 var cls = $slider.data('cls');
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
111 var $ind = $slider.data('indicator');
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
112 var $td = $ind.find('table.'+cls+'indicator td');
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
113 var setBgColor = function (index) {
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
114 var val = index * 32;
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
115 var grey = Math.min(Math.max(Math.round(val + brgt), 0), 255);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
116 $(this).css('background-color', 'rgb('+grey+','+grey+','+grey+')');
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
117 };
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
118 $td.each(setBgColor);
1066
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
119 },
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
120
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
121 cont : function ($slider, value) {
1066
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
122 // TODO: replace with call to setIndicatorValues()
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
123 var cont = parseFloat(value);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
124 var cls = $slider.data('cls');
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
125 var $ind = $slider.data('indicator');
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
126 var $td = $ind.find('table.'+cls+'indicator td');
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
127 var setBgColor = function (index) {
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
128 var val = index * 32;
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
129 var grey = Math.min(Math.max(Math.round(Math.pow(2, cont) * val), 0), 255);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
130 $(this).css('background-color', 'rgb('+grey+','+grey+','+grey+')');
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
131 };
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
132 $td.each(setBgColor);
1066
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
133 },
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
134
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
135 rgb : function ($slider, value) {
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
136 // TODO: replace with call to setIndicatorValues()
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
137 var val = parseFloat(value);
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
138 var cls = $slider.data('cls');
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
139 var $ind = $slider.data('indicator');
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
140 var $td = $ind.find('table.'+cls+'indicator td');
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
141 var setRGBValue = function (index) {
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
142 var val = index * 32;
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
143 var r = Math.min(Math.max(Math.round(Math.pow(2, rm) * val + ra), 0), 255);
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
144 var g = Math.min(Math.max(Math.round(Math.pow(2, gm) * val + ga), 0), 255);
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
145 var b = Math.min(Math.max(Math.round(Math.pow(2, bm) * val + ba), 0), 255);
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
146 $(this).css('background-color', 'rgb('+r+','+g+','+b+')');
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
147 };
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
148 $td.each(setRGBValue);
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
149 }
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
150 };
1066
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
151
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
152 // set indicator values
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
153 var setIndicatorValues = function ($slider) {
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
154 var cls = $slider.data('cls');
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
155 var $ind = $slider.data('indicator');
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
156 var $td1 = $div.find('table.'+cls+'grey td');
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
157 var $td2 = $ind.find('table.'+cls+'indicator td');
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
158 var setGreyScale = function (index) {
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
159 // sets a series of grey values
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
160 var val = index * 32;
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
161 $(this).css('background-color', 'rgb('+val+','+val+','+val+')');
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
162 };
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
163 // TODO: account for current brgt/cont/rgbm/rgba values
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
164 var setRGBValue = function (index) {
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
165 var val = index * 32;
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
166 var r = Math.min(Math.max(Math.round(Math.pow(2, rm) * val + ra), 0), 255);
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
167 var g = Math.min(Math.max(Math.round(Math.pow(2, gm) * val + ga), 0), 255);
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
168 var b = Math.min(Math.max(Math.round(Math.pow(2, bm) * val + ba), 0), 255);
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
169 $(this).css('background-color', 'rgb('+r+','+g+','+b+')');
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
170 };
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
171 $td1.each(setGreyScale);
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
172 $td2.each(setRGBValue);
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
173 };
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
174
1045
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
175 // assign button actions to sliders (rotate, brightness, contrast)
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
176 var setButtonActions = function () {
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
177 if (fn.setButtonAction == null) {
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
178 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
179 return;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
180 }
1045
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
181 console.debug('sliders: assign new button actions. digilib:', digilib);
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
182 fn.setButtonAction('brgt', 'tinySliderBrgt');
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
183 fn.setButtonAction('cont', 'tinySliderCont');
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
184 fn.setButtonAction('rot', 'tinySliderRot');
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
185 fn.setButtonAction('rgb', 'tinySliderRGB');
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
186 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
187
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
188 // plugin installation called by digilib on plugin object.
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
189 var install = function (plugin) {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
190 digilib = plugin;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
191 console.debug('installing sliders plugin. digilib:', digilib);
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
192 fn = digilib.fn;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
193 // import geometry classes
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
194 geom = fn.geometry;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
195 // add defaults, actions, buttons
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
196 $.extend(true, digilib.defaults, defaults); // make deep copy
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
197 $.extend(digilib.actions, actions);
1038
a79be2432eb4 put new slider code back into sliders plugin
hertzhaft
parents: 1029
diff changeset
198 setButtonActions(digilib.buttons);
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
199 // export functions
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
200 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
201
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
202 // plugin initialization
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
203 var init = function (data) {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
204 console.debug('initialising sliders plugin. data:', data);
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
205 var $data = $(data);
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
206 $data.bind('update', handleUpdate);
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
207 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
208
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
209 // get rgba/rgbm params (color brightness/contrast)
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
210 var handleUpdate = function (evt) {
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
211 console.debug("sliders: handleUpdate");
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
212 var data = this;
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
213 setStartValues(data, 'a');
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
214 setStartValues(data, 'm');
1059
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
215 var sliderSelector = '#'+ data.settings.cssPrefix + 'slider';
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
216 fn.centerOnScreen(data, fn.find(data, sliderSelector));
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
217 };
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
218
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
219 // set m/a start values for sliders
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
220 var setStartValues = function (data, code) {
1065
897f0560af46 do a proper reset for rgbm/rgba
hertzhaft
parents: 1064
diff changeset
221 var colorparts = data.settings['rgb'+code] || '0/0/0';
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
222 var values = colorparts.split("/");
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
223 rgb.r[code] = values[0] || 0;
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
224 rgb.g[code] = values[1] || 0;
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
225 rgb.b[code] = values[2] || 0;
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
226 };
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
227
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
228 /** creates a div with a form, setup events and callback
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
229 */
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
230 var setupFormDiv = function (data, $content, cssSuffix, onSubmit) {
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
231 var cssPrefix = data.settings.cssPrefix;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
232 var cls = cssPrefix + cssSuffix;
1062
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
233 var tiny = cssPrefix + 'tinyslider';
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
234 var $elem = data.$elem;
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
235 var sliderSelector = '#'+cssPrefix+'slider';
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
236 if (fn.isOnScreen(data, sliderSelector)) return; // already onscreen
1026
01ea28b6fe11 commit sliders, not yet functional
hertzhaft
parents: 1022
diff changeset
237 var html = '\
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
238 <div id="'+cssPrefix+'slider" class="'+cls+'">\
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
239 <form class="'+cls+'">\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
240 <input class="'+cls+'cancel" type="button" value="Cancel"/>\
1062
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
241 <input class="'+cls+'reset" type="button" value="Reset"/>\
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
242 <input type="submit" name="sub" value="Ok"/>\
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
243 </form>\
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
244 </div>';
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
245 $div = $(html).appendTo($elem);
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
246 var $form = $div.find('form');
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
247 $form.prepend($content);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
248 // handle submit
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
249 $form.on('submit', function () {
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
250 onSubmit();
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
251 fn.withdraw($div);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
252 return false;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
253 });
1062
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
254 // handle reset
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
255 $form.find('.'+cls+'reset').on('click', function () {
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
256 var sliders = $form.find('div.'+tiny);
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
257 sliders.each(function () {
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
258 var reset = $(this).data('reset');
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
259 reset();
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
260 });
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
261 });
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
262 // handle cancel
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
263 $form.find('.'+cls+'cancel').on('click', function () {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
264 fn.withdraw($div);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
265 });
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
266 // show div
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
267 $div.fadeIn();
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
268 // fix non-HTML5 slider
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
269 var $range = $form.find('input.'+tiny+'range');
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
270 var HTML5 = $range.prop('type') === 'range';
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
271 if (!HTML5) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
272 console.debug('fix input type=range');
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
273 $range.range({change: function (val) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
274 $range.trigger('change');
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
275 }});
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
276 }
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
277 fn.centerOnScreen(data, $div);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
278 return $div;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
279 };
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
280
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
281 /** creates a TinyRangeSlider
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
282 */
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
283 var tinySlider = function (data, paramname, startvalue) {
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
284 var $elem = data.$elem;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
285 var opts = sliderOptions[paramname];
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
286 var cssPrefix = data.settings.cssPrefix;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
287 var cls = cssPrefix + 'tinyslider';
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
288 var html = '\
1062
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
289 <div class="'+cls+'">\
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
290 <span>'+opts.label+'</span>\
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
291 <input type="range" class="'+cls+'range" name="'+paramname+'" step="'+opts.step+'" min="'+opts.min+'" max="'+opts.max+'" value="'+startvalue+'"/>\
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
292 <input type="text" class="'+cls+'text" name="'+paramname+'" size="4" value="'+startvalue+'"/>\
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
293 </div>';
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
294 var $slider = $(html);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
295 var $range = $slider.find('input.'+cls+'range');
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
296 var $text = $slider.find('input.'+cls+'text');
1062
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
297 var rangeChange = function () {
1058
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
298 // crop floating point imprecision
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
299 var val = parseFloat($range.val()).toFixed(4);
95d28c6ad018 rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents: 1057
diff changeset
300 $text.val(parseFloat(val));
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
301 var update = $slider.data('update');
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
302 if ($.isFunction(update)) {
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
303 update($slider, val);
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
304 }
1062
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
305 };
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
306 var textChange = function () {
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
307 var val = $text.val();
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
308 $range.val(val);
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
309 // val doesn't change the slider handle position in Tinyrange
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
310 // 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
311 var HTML5 = $range.prop('type') === 'range';
1044
2d04f160ce09 move slider handle when a new value is entered
hertzhaft
parents: 1043
diff changeset
312 if (!HTML5) {
2d04f160ce09 move slider handle when a new value is entered
hertzhaft
parents: 1043
diff changeset
313 $range.range('set', val);
2d04f160ce09 move slider handle when a new value is entered
hertzhaft
parents: 1043
diff changeset
314 }
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
315 var update = $slider.data('update');
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
316 if ($.isFunction(update)) {
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
317 update($slider, val);
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
318 }
1062
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
319 };
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
320 var reset = function () {
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
321 $text.val(startvalue);
1062
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
322 textChange();
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
323 };
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
324 // connect slider and input
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
325 $range.on('change', rangeChange);
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
326 $text.on('change', textChange);
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
327 $slider.data({
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
328 '$text' : $text,
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
329 '$range' : $range,
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
330 'reset' : reset,
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
331 'update' : null
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
332 });
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
333 return $slider;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
334 };
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
335
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
336 /** creates a single TinyRangeSlider for param "paramname",
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
337 the new value is passed to the "onSubmit" function.
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
338 */
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
339 var singleSlider = function (data, paramname, onSubmit) {
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
340 var classname = 'singleslider';
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
341 var $div = $('<div/>');
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
342 var opts = sliderOptions[paramname];
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
343 var startvalue = data.settings[paramname] || opts.start;
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
344 var $slider = tinySlider(data, paramname, startvalue);
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
345 var getValue = function () {
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
346 // get the new value and do something with it
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
347 var val = $slider.data('$text').val();
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
348 onSubmit(val);
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
349 };
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
350 $div.append($slider);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
351 setupFormDiv(data, $div, classname, getValue);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
352 var hasIndicator = opts.indicator;
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
353 if (hasIndicator) {
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
354 var cls = data.settings.cssPrefix + classname;
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
355 var $ind = indicator(cls);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
356 $div.append($ind);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
357 update = indicators[paramname];
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
358 $slider.data({
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
359 'cls' : cls,
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
360 'indicator' : $ind,
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
361 'update' : update
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
362 });
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
363 update($slider, startvalue);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
364 }
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
365 };
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
366
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
367 /** creates a compound RGB slider
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
368 the new values are passed to the "onSubmit" function.
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
369 */
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
370 var rgbSlider = function (data, onSubmit) {
1059
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
371 var css = data.settings.cssPrefix;
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
372 var cls = css + 'rgbslider';
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
373 var $div = $('<div/>');
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
374 var $table = $('<table class="'+cls+'" />');
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
375 var $ind = indicator(cls);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
376 $div.append($table);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
377 $div.append($ind);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
378 var insertTableRow = function(index, value) {
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
379 var color = rgb[value];
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
380 // start values are set in "handleSetup"
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
381 var $tr = $('<tr/>').appendTo($table);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
382 var html = '\
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
383 <td class="'+css+'color '+css+value+'">\
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
384 <div>'+color.label+'</div>\
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
385 </td>';
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
386 $(html).appendTo($tr);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
387 var $brgt = tinySlider(data, 'brgt', color.a);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
388 var $cont = tinySlider(data, 'cont', color.m);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
389 $table.data(value+'a', $brgt.data('$text'));
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
390 $table.data(value+'m', $cont.data('$text'));
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
391 $('<td class="'+css+'rgb"/>').append($brgt).appendTo($tr);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
392 $('<td class="'+css+'rgb"/>').append($cont).appendTo($tr);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
393 };
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
394 var getSliderValues = function () {
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
395 // get values from sliders
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
396 var input = $table.data();
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
397 var rgba = input['ra'].val() + '/' + input['ga'].val() + '/' + input['ba'].val();
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
398 var rgbm = input['rm'].val() + '/' + input['gm'].val() + '/' + input['bm'].val();
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
399 onSubmit(rgbm, rgba);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
400 };
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
401 var update = function () {
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
402 // show effects of color brightness/contrast on a grey scale
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
403 var input = $table.data();
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
404 var ra = parseFloat(input['ra'].val());
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
405 var ga = parseFloat(input['ga'].val());
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
406 var ba = parseFloat(input['ba'].val());
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
407 var rm = parseFloat(input['rm'].val());
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
408 var gm = parseFloat(input['gm'].val());
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
409 var bm = parseFloat(input['bm'].val());
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
410 var setRGBValue = function (index) {
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
411 var val = index * 32;
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
412 var r = Math.min(Math.max(Math.round(Math.pow(2, rm) * val + ra), 0), 255);
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
413 var g = Math.min(Math.max(Math.round(Math.pow(2, gm) * val + ga), 0), 255);
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
414 var b = Math.min(Math.max(Math.round(Math.pow(2, bm) * val + ba), 0), 255);
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
415 $(this).css('background-color', 'rgb('+r+','+g+','+b+')');
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
416 };
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
417 $ind.find('table.'+cls+'indicator td').each(setRGBValue);
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
418 };
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
419 $.each(primaryColors, insertTableRow);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
420 setupFormDiv(data, $div, 'rgbslider', getSliderValues);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
421 $div.find('div.'+css+'tinyslider').data('update', update);
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
422 update();
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
423 };
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
424
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
425 /** creates an indicator div with 2 x 9 cells in scaled grey values
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
426 */
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
427 var indicator = function (cls) {
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
428 var td = new Array(10).join('<td/>');
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
429 var html = '\
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
430 <div class="'+cls+'indicator">\
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
431 <table class="'+cls+'grey">\
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
432 <tr>'+td+'</tr>\
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
433 </table>\
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
434 <table class="'+cls+'indicator">\
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
435 <tr>'+td+'</tr>\
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
436 </table>\
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
437 </div>';
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
438 var $div = $(html);
1066
555f6f0d6be5 prepare for making rgb indicator an independent widget
hertzhaft
parents: 1065
diff changeset
439 // TODO: replace with setRGBValue
1061
4f5c5c578aa4 rgb slider: color indicator functional, reset works only partially
hertzhaft
parents: 1060
diff changeset
440 var setGreyScale = function (index) {
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
441 // sets a series of grey values
1059
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
442 var val = index * 32;
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
443 $(this).css('background-color', 'rgb('+val+','+val+','+val+')');
c7fd2f239953 rgb slider: color labels, first step to color indicator
hertzhaft
parents: 1058
diff changeset
444 };
1062
41991d1598f1 rgb slider: reset now functional, minor refactoring
hertzhaft
parents: 1061
diff changeset
445 $div.find('table.'+cls+'grey td').each(setGreyScale);
1063
fb4d550869c8 indicators for brgt/cont sliders
hertzhaft
parents: 1062
diff changeset
446 return $div;
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
447 };
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
448
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
449 // plugin object with name and init
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
450 // shared objects filled by digilib on registration
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
451 var plugin = {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
452 name : 'sliders',
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
453 install : install,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
454 init : init,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
455 buttons : {},
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
456 actions : {},
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
457 fn : {},
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
458 plugins : {}
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
459 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
460
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
461 if ($.fn.digilib == null) {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
462 $.error("jquery.digilib.sliders must be loaded after jquery.digilib!");
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
463 } else {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
464 $.fn.digilib('plugin', plugin);
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
465 }
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
466 })(jQuery);