Mercurial > hg > digilib-old

annotate webapp/src/main/webapp/jquery/jquery.digilib.sliders.js @ 1069:788c757d7f70

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